From 2502fd547d7dfbbdc1d15b70e5bdd6cd48c936df Mon Sep 17 00:00:00 2001
From: liangjiami <2249412933@qq.com>
Date: Tue, 8 Jul 2025 10:54:43 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/static/index/mobile/css/style.css      |   3 +
 public/static/index/pc/css/faq.css            |   2 +
 public/static/index/pc/css/index.css          | 536 +++++++-----------
 public/static/index/pc/css/product_detail.css |   3 +
 4 files changed, 199 insertions(+), 345 deletions(-)

diff --git a/public/static/index/mobile/css/style.css b/public/static/index/mobile/css/style.css
index c21b5078..0fcebfe0 100755
--- a/public/static/index/mobile/css/style.css
+++ b/public/static/index/mobile/css/style.css
@@ -1194,9 +1194,11 @@ video img {
   text-align: center;
   width: 90%;
   margin: 0 auto;
+  word-break: break-all;
 }
 .faq-title h3 {
   font-size: 1.685rem;
+  word-break: break-all;
 }
 .faq-title h5 {
   font-size: 1.25rem;
@@ -1209,6 +1211,7 @@ video img {
   height: 1.5rem;
   font-family: 'Montserrat-Medium';
   font-weight: 400;
+  word-break: break-all;
 }
 .faq-title p {
   font-size: 1.125rem;
diff --git a/public/static/index/pc/css/faq.css b/public/static/index/pc/css/faq.css
index 8411e054..c1ebf7f0 100755
--- a/public/static/index/pc/css/faq.css
+++ b/public/static/index/pc/css/faq.css
@@ -35,11 +35,13 @@
   font-size: 1.125em;
   color: #101010;
   margin-bottom: 2%;
+  word-break: break-all;
 }
 .orico_Page_fq .fqMain .Table-Row .Table-Cell .faq-all-text .faq-des {
   font-size: 0.875em;
   color: #737373;
   line-height: 1.875em;
+  word-break: break-all;
 }
 .orico_Page_fq .fqMain .pagination {
   zoom: 1;
diff --git a/public/static/index/pc/css/index.css b/public/static/index/pc/css/index.css
index b8d72ac1..28f819a4 100755
--- a/public/static/index/pc/css/index.css
+++ b/public/static/index/pc/css/index.css
@@ -7,49 +7,51 @@
   overflow-x: hidden;
   background: #f2f2f2;
 }
+
 .orico_Page_index .pageMain {
   width: 100%;
   position: relative;
 }
+
 .orico_Page_index .pageMain .bannerswiper {
   width: 100%;
   height: auto;
   position: relative;
   margin-top: 3.75rem;
 }
+
 .orico_Page_index .pageMain .bannerswiper .swiper-slide img {
   width: 100%;
   height: 100%;
 }
+
 .orico_Page_index .pageMain .bannerswiper .swiper-button-next {
   right: 9%;
   top: 53%;
 }
+
 .orico_Page_index .pageMain .bannerswiper .swiper-button-prev {
   left: 9%;
   top: 53%;
 }
-.orico_Page_index
-  .pageMain
-  .bannerswiper
-  .swiper-horizontal
-  > .swiper-pagination-bullets,
-.orico_Page_index
-  .pageMain
-  .bannerswiper
-  .swiper-pagination-bullets.swiper-pagination-horizontal {
+
+.orico_Page_index .pageMain .bannerswiper .swiper-horizontal>.swiper-pagination-bullets,
+.orico_Page_index .pageMain .bannerswiper .swiper-pagination-bullets.swiper-pagination-horizontal {
   bottom: 5%;
 }
+
 .orico_Page_index .pageMain .bannerswiper .swiper-button-next,
 .orico_Page_index .pageMain .bannerswiper .swiper-button-prev {
   color: #fff;
 }
+
 .orico_Page_index .pageMain .bannerswiper .swiper-pagination-bullet-active {
   width: 1.5rem !important;
   border-radius: 10px;
   color: #ffffff !important;
   background-color: #ffffff !important;
 }
+
 .orico_Page_index .pageMain .catMain {
   width: 100%;
   display: flex;
@@ -58,6 +60,7 @@
   height: 14.375rem;
   background: #fff;
 }
+
 .orico_Page_index .pageMain .catMain .catit {
   min-width: 15%;
   display: flex;
@@ -65,15 +68,18 @@
   align-items: center;
   justify-content: center;
 }
+
 .orico_Page_index .pageMain .catMain .catit .catIcoImg {
   height: 4.6875rem;
   width: 4.6875rem;
 }
+
 .orico_Page_index .pageMain .catMain .catit .catName {
   padding-top: 1rem;
   font-size: 1rem;
   font-weight: bold;
 }
+
 .orico_Page_index .pageMain .featuredtopicsMain {
   width: 100%;
   position: relative;
@@ -83,11 +89,13 @@
   display: flex;
   justify-content: center;
 }
+
 .orico_Page_index .pageMain .featuredtopicsMain .ftcontent {
   width: 85%;
   display: flex;
   flex-direction: column;
 }
+
 .orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme {
   width: 100%;
   max-height: 30rem;
@@ -99,12 +107,8 @@
   margin-bottom: 1.5rem;
   overflow: hidden;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_left {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_left {
   width: 53%;
   display: flex;
   flex-direction: column;
@@ -112,110 +116,66 @@
   text-align: center;
   align-items: center;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_left
-  p {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_left p {
   font-size: 2.625rem;
   line-height: 2.8125rem;
   font-weight: 600;
   height: 5.9375rem;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_left
-  .subtitle {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_left .subtitle {
   font-size: 1.125rem;
   font-weight: 600;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_left
-  .subtitle
-  .tpicture {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_left .subtitle .tpicture {
   width: 1.375rem;
   height: 1.375rem;
   background: url('/static/index/pc/images/more2.png') no-repeat;
   background-position: -26px 0px;
   margin-left: 1.625rem;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_left
-  .subtitle:hover {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_left .subtitle:hover {
   color: #004bfa;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_left
-  .subtitle:hover
-  .tpicture {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_left .subtitle:hover .tpicture {
   background-position: 0 0;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_right {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_right {
   width: 47%;
   overflow: hidden;
   position: relative;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_right
-  img {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_right img {
   width: 100%;
   transition: transform 0.3s ease-in-out;
   border-start-end-radius: 1.625rem;
   border-end-end-radius: 1.625rem;
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme
-  .ftItme_right
-  img:hover {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme .ftItme_right img:hover {
   transform: scale(1.09);
 }
-.orico_Page_index
-  .pageMain
-  .featuredtopicsMain
-  .ftcontent
-  .ftItme:nth-child(even)
-  .ftItme_right
-  img {
+
+.orico_Page_index .pageMain .featuredtopicsMain .ftcontent .ftItme:nth-child(even) .ftItme_right img {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   border-start-start-radius: 1.625rem;
   border-end-start-radius: 1.625rem;
 }
+
 .orico_Page_index .pageMain .featuredProducts {
   position: relative;
 }
+
 .orico_Page_index .pageMain .featuredProducts .biaoti {
   font-size: 2rem;
   font-weight: 600;
@@ -225,17 +185,14 @@
   width: 85%;
   margin: 0 auto;
 }
+
 .orico_Page_index .pageMain .featuredProducts .fpSwiper {
-  width: 116%;
+  width: 100%;
   margin-left: 6%;
   position: relative;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture {
   display: block;
   width: 21.875rem;
   height: 29.375rem;
@@ -246,13 +203,8 @@
   display: flex;
   flex-direction: column;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture
-  .primg {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture .primg {
   width: 13.5rem;
   height: 12.875rem;
   display: block;
@@ -264,34 +216,17 @@
   background-repeat: no-repeat;
   transition: transform 0.3s ease-in-out;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture
-  .primg
-  img {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture .primg img {
   width: 13.5rem;
   height: 12.875rem;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture
-  .primg
-  img:hover {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture .primg img:hover {
   transform: scale(1.1);
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture
-  .fpptitle {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture .fpptitle {
   font-size: 1.25rem;
   text-align: center;
   line-height: 1.5rem;
@@ -305,13 +240,8 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture
-  .subtitle {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture .subtitle {
   text-align: center;
   line-height: 1.125rem;
   font-size: medium;
@@ -323,13 +253,8 @@
   overflow: hidden;
   font-weight: 600;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiper-wrapper
-  .picture
-  .more {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiper-wrapper .picture .more {
   font-size: 0.8rem;
   position: absolute;
   bottom: 10%;
@@ -338,44 +263,31 @@
   margin-left: -40px;
   font-weight: 600;
 }
+
 .orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd {
   display: flex;
   width: 75%;
   position: relative;
   height: 6.25rem;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swiper-container1 {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swiper-container1 {
   width: 85%;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swiper-container1
-  .swiper-pagination-progressbar
-  .swiper-pagination-progressbar-fill {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swiper-container1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
   background-color: #555 !important;
   margin-top: 0px;
   height: 2px !important;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swiper-container1
-  .slideshow-pag {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swiper-container1 .slideshow-pag {
   width: 86%;
   right: 3%;
   top: 50%;
   height: 1px;
 }
+
 .orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swi1 {
   width: 15%;
   margin: 0;
@@ -385,58 +297,31 @@
   padding: 0;
   z-index: 1;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swi1
-  .slideshow-btn {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swi1 .slideshow-btn {
   height: 2.5rem;
   width: 2.5rem;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swi1
-  .swiper-button-next,
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swi1
-  .swiper-rtl
-  .swiper-button-prev {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swi1 .swiper-button-next,
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swi1 .swiper-rtl .swiper-button-prev {
   position: static !important;
   margin-left: 95px;
   margin-top: 24px;
 }
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swi1
-  .swiper-button-prev,
-.orico_Page_index
-  .pageMain
-  .featuredProducts
-  .fpSwiper
-  .swiperasd
-  .swi1
-  .swiper-rtl
-  .swiper-button-next {
+
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swi1 .swiper-button-prev,
+.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd .swi1 .swiper-rtl .swiper-button-next {
   position: static !important;
   margin-left: 40px;
   margin-top: -40px;
 }
+
 .orico_Page_index .pageMain .hotProduct {
   position: relative;
   margin: 0 auto;
 }
+
 .orico_Page_index .pageMain .hotProduct .hotvideo {
   width: 100%;
   height: 50rem;
@@ -448,11 +333,13 @@
   background-position: center center;
   animation: breath 4s linear infinite;
 }
+
 .orico_Page_index .pageMain .hotProduct .hotImg {
   position: relative;
   width: 100%;
   height: 100%;
 }
+
 .orico_Page_index .pageMain .sceneIntroduction {
   width: 100%;
   background: #fff;
@@ -464,6 +351,7 @@
   padding-top: 1%;
   overflow: hidden;
 }
+
 .orico_Page_index .pageMain .sceneIntroduction .sceneitem {
   overflow: hidden;
   width: 49.5%;
@@ -475,6 +363,7 @@
   height: 34rem;
   margin-bottom: 1%;
 }
+
 .orico_Page_index .pageMain .sceneIntroduction .sceneitem .sceneInfo {
   width: 100%;
   height: 100%;
@@ -482,12 +371,8 @@
   flex-direction: column;
   align-items: center;
 }
-.orico_Page_index
-  .pageMain
-  .sceneIntroduction
-  .sceneitem
-  .sceneInfo
-  .scenetitle {
+
+.orico_Page_index .pageMain .sceneIntroduction .sceneitem .sceneInfo .scenetitle {
   font-size: 1.875rem;
   text-align: center;
   font-weight: bold;
@@ -498,6 +383,7 @@
   padding-top: 5%;
   z-index: 10;
 }
+
 .orico_Page_index .pageMain .sceneIntroduction .sceneitem .sceneInfo .subtitle {
   font-size: 1rem;
   text-align: center;
@@ -512,17 +398,14 @@
   -webkit-box-orient: vertical;
   z-index: 10;
 }
-.orico_Page_index
-  .pageMain
-  .sceneIntroduction
-  .sceneitem
-  .sceneInfo
-  .sceneMore {
+
+.orico_Page_index .pageMain .sceneIntroduction .sceneitem .sceneInfo .sceneMore {
   font-size: 1rem;
   color: #004bfa;
   text-align: center;
   z-index: 10;
 }
+
 .orico_Page_index .pageMain .sceneIntroduction .sceneitem .sceneimg {
   height: 100%;
   width: 100%;
@@ -531,10 +414,12 @@
   background-size: 100% 100%;
   z-index: 9;
 }
+
 .orico_Page_index .pageMain .sceneIntroduction .sceneitem .sceneimg:hover {
   transform: scale(1.09);
   /* background-size: auto 120%; */
 }
+
 .orico_Page_index .pageMain .oricoTechnology {
   display: flex;
   flex-direction: column;
@@ -547,10 +432,12 @@
   padding-bottom: 120px;
   background: #fff;
 }
+
 .orico_Page_index .pageMain .oricoTechnology .ottitle {
   font-weight: 700;
   font-size: 3.5rem;
 }
+
 .orico_Page_index .pageMain .oricoTechnology .otsbtitle {
   font-weight: 400;
   font-size: 1.375rem;
@@ -559,6 +446,7 @@
   width: 30%;
   margin: 0 auto;
 }
+
 .orico_Page_index .pageMain .oricoTechnology .beforeafter {
   width: 85%;
   margin: 0 auto;
@@ -566,6 +454,7 @@
   position: relative;
   border-radius: 1.75rem;
 }
+
 .orico_Page_index .pageMain .oricoTechnology #after {
   position: absolute;
   top: 0px;
@@ -577,6 +466,7 @@
   background-size: cover;
   border-radius: 1.75rem;
 }
+
 .orico_Page_index .pageMain .oricoTechnology #before {
   position: absolute;
   top: 0px;
@@ -590,6 +480,7 @@
   border-start-start-radius: 1.75rem;
   border-end-start-radius: 1.75rem;
 }
+
 .orico_Page_index .pageMain .oricoTechnology .drag-circle {
   left: 50%;
   transform: translateY(-50%);
@@ -602,26 +493,29 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #fff url('/static/index/pc/images/ba-arrow.png') center center/22px
-    22px no-repeat;
+  background: #fff url('/static/index/pc/images/ba-arrow.png') center center/22px 22px no-repeat;
   border: 1px solid #fff;
   border-radius: 50%;
   transition: all 0.3s ease;
   transform: scale(1);
   z-index: 5;
 }
+
 .orico_Page_index .pageMain .brandStory {
   padding: 0 7%;
   position: relative;
   margin: 0 auto;
   background: #fff;
 }
+
 .orico_Page_index .pageMain .brandStory .brandStoryswiper {
   padding-bottom: 1.25rem;
 }
+
 .orico_Page_index .pageMain .brandStory .swiper-wrapper {
   position: relative;
 }
+
 .orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem {
   display: flex;
   width: 100%;
@@ -630,6 +524,7 @@
   border-radius: 26px 26px 26px 26px;
   text-align: center;
 }
+
 .orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem .itmImg {
   width: 50%;
   text-align: left;
@@ -637,12 +532,14 @@
   height: 42.625rem;
   transition: transform 0.3s ease-in-out;
 }
+
 .orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem .itmImg .bsImg {
   margin-left: 1%;
   border-radius: 26px 26px 26px 26px;
   width: 98%;
   height: 41.625rem;
 }
+
 .orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem .bsinf {
   width: 50%;
   display: flex;
@@ -650,25 +547,15 @@
   margin-left: 10%;
   justify-content: center;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .swiper-wrapper
-  .bsitem
-  .bsinf
-  .bstitle {
+
+.orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem .bsinf .bstitle {
   font-size: 3rem;
   text-align: left;
   line-height: 4rem;
   font-weight: bolder;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .swiper-wrapper
-  .bsitem
-  .bsinf
-  .bssubtitle {
+
+.orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem .bsinf .bssubtitle {
   font-size: 1.25rem;
   text-align: left;
   line-height: 1.575rem;
@@ -676,6 +563,7 @@
   margin-bottom: 5%;
   margin-top: 1.25rem;
 }
+
 .orico_Page_index .pageMain .brandStory .swiper-wrapper .bsitem .bsinf .bsmore {
   font-size: 1rem;
   text-align: left;
@@ -683,14 +571,17 @@
   font-family: Montserrat !important;
   color: #004bfa;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd {
   position: relative;
   height: 6.25rem;
   display: flex;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer {
   width: 85%;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer hr {
   z-index: -1;
   width: 85%;
@@ -701,22 +592,13 @@
   color: inherit;
   border-top-width: 1px;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .bs_swiperasd
-  .bs_swcontainer
-  .bs_pagination {
+
+.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination {
   bottom: 3rem;
   width: 86%;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .bs_swiperasd
-  .bs_swcontainer
-  .bs_pagination
-  .swiper-pagination-bullet {
+
+.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet {
   margin-right: 28%;
   width: 1.25rem;
   height: 1.25rem;
@@ -727,64 +609,52 @@
   border: 1px solid #cccccc;
   float: left;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .bs_swiperasd
-  .bs_swcontainer
-  .bs_pagination
-  .swiper-pagination-bullet-active {
+
+.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet-active {
   background-color: #000;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer span {
   font-weight: bold;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time {
   position: absolute;
   top: 3.4375rem;
   height: 2px;
 }
 
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .bs_swiperasd
-  .bs_swcontainer
-  .swiper-container {
+.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .swiper-container {
   width: 15%;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_bts {
   width: 15%;
 }
+
 .orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_bts .slideshow-btn {
   z-index: 9999;
   width: 2.5rem;
   height: 2.5rem;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .bs_swiperasd
-  .bs_bts
-  .swiper-button-next {
+
+.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_bts .swiper-button-next {
   position: static;
   margin-left: 5.9375rem;
   margin-top: 1.5rem;
 }
-.orico_Page_index
-  .pageMain
-  .brandStory
-  .bs_swiperasd
-  .bs_bts
-  .swiper-button-prev {
+
+.orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_bts .swiper-button-prev {
   position: static;
   margin-left: 2.5rem;
   margin-top: -2.5rem;
 }
+
 .orico_Page_index .pageMain .oricoDataStatistics {
   background-color: #004bf9;
   width: 100%;
 }
+
 .orico_Page_index .pageMain .oricoDataStatistics .odsmain {
   justify-content: center;
   align-items: center;
@@ -793,38 +663,41 @@
   margin: 0 10%;
   justify-content: space-between;
 }
+
 .orico_Page_index .pageMain .oricoDataStatistics .odsmain .odsItem {
   color: #fff;
   padding: 5.625rem 0;
   text-align: center;
-  width:30%;
+  width: 30%;
 }
+
 .orico_Page_index .pageMain .oricoDataStatistics .odsmain .odsItem h1 {
   font-size: 3.125rem;
   animation: number-scroll 1s ease-in-out forwards;
 }
+
 .orico_Page_index .pageMain .oricoDataStatistics .odsmain .odsItem h3 {
   font-size: 1.25rem;
   padding-top: 0.5rem;
   font-weight: 500;
 }
-.orico_Page_index
-  .pageMain
-  .oricoDataStatistics
-  .odsmain
-  .odsItem:nth-child(2) {
+
+.orico_Page_index .pageMain .oricoDataStatistics .odsmain .odsItem:nth-child(2) {
   margin: 0 18%;
 }
+
 .orico_Page_index .pageMain .oricoPub {
   max-width: 84%;
   background-color: #fff;
   position: relative;
   margin: 0 auto;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiper {
   padding-top: 3.5em;
   overflow: hidden;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiper .pubSwitem {
   position: relative;
   display: flex;
@@ -837,12 +710,14 @@
   overflow: hidden;
   max-height: 43.75rem;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiper .pubSwitem .pubimgdiv {
   background-repeat: no-repeat;
   transition: transform 0.3s ease-in-out;
   background-size: 100% 100%;
   max-height: 300px;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiper .pubSwitem .pubimgdiv img {
   width: 100%;
   height: 100%;
@@ -851,6 +726,7 @@
   object-fit: cover;
   vertical-align: middle;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiper .pubSwitem .pubinfo {
   position: absolute;
   left: 5%;
@@ -859,6 +735,7 @@
   width: 90%;
   font-weight: 600;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiper .pubSwitem .pubinfo span {
   width: 100%;
   height: 3.75rem;
@@ -872,6 +749,7 @@
   -webkit-box-orient: vertical;
   text-wrap: auto;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiperasd {
   position: relative;
   width: 55%;
@@ -879,70 +757,38 @@
   height: 6rem;
   display: flex;
 }
+
 .orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container {
   margin: 0;
   right: 0;
   width: auto;
   position: absolute;
 }
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .slideshow-btn {
+
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .slideshow-btn {
   width: 2.5rem;
   height: 2.5rem;
 }
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .swiper-button-next,
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .swiper-container-rtl
-  .swiper-button-prev {
+
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .swiper-button-next,
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .swiper-container-rtl .swiper-button-prev {
   background-image: none;
 }
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .swiper-button-next,
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .swiper-rtl
-  .swiper-button-prev {
+
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .swiper-button-next,
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .swiper-rtl .swiper-button-prev {
   margin-left: 4.875rem;
   margin-top: 1.5625rem;
   position: static;
 }
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .swiper-button-prev,
-.orico_Page_index
-  .pageMain
-  .oricoPub
-  .pubswiperasd
-  .swiper-container
-  .swiper-rtl
-  .swiper-button-next {
+
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .swiper-button-prev,
+.orico_Page_index .pageMain .oricoPub .pubswiperasd .swiper-container .swiper-rtl .swiper-button-next {
   position: static;
   margin-left: 1.75rem;
   margin-top: -2.5rem;
 }
+
 .orico_Page_index .pageMain .oricoFQA {
   width: 85%;
   margin: 0 auto;
@@ -954,11 +800,13 @@
   align-items: baseline;
   box-shadow: 5px 5px 30px 5px #d6d6de;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaleft {
   width: 40%;
   display: flex;
   flex-direction: column;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaleft h1.title {
   font-size: 3.5rem;
   text-align: left;
@@ -968,6 +816,7 @@
   margin-top: 10%;
   overflow: hidden;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaleft .dec {
   font-size: 1.5rem;
   text-align: left;
@@ -978,6 +827,7 @@
   padding: 1% 0;
   line-height: 1.7rem;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaleft .sudec {
   font-size: 1rem;
   text-align: left;
@@ -987,11 +837,13 @@
   margin-bottom: 10%;
   line-height: 1.5rem;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaright {
   width: 60%;
   display: flex;
   margin-bottom: 7%;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion {
   margin-top: 10%;
   margin-bottom: auto;
@@ -1003,6 +855,7 @@
   flex-direction: column;
   padding: 3% 0;
 }
+
 .orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion li.fqali {
   margin-left: 5%;
   margin-top: 1%;
@@ -1010,13 +863,8 @@
   margin-bottom: 0.625rem;
   border-bottom: 1px solid #d6d6d6;
 }
-.orico_Page_index
-  .pageMain
-  .oricoFQA
-  .fqaright
-  ul.accordion
-  li.fqali
-  .fqa-question {
+
+.orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion li.fqali .fqa-question {
   font-size: 1rem;
   display: flex;
   justify-content: space-between;
@@ -1024,49 +872,32 @@
   padding: 10px;
   cursor: pointer;
   overflow: hidden;
+  
 }
-.orico_Page_index
-  .pageMain
-  .oricoFQA
-  .fqaright
-  ul.accordion
-  li.fqali
-  .fqa-question
-  .xiala {
+
+.orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion li.fqali .fqa-question .xiala {
   height: 1.875rem;
   text-align: center;
 }
-.orico_Page_index
-  .pageMain
-  .oricoFQA
-  .fqaright
-  ul.accordion
-  li.fqali
-  .fqa-answer {
+.orico_Page_index .pageMain .oricoFQA .fqaright h3{
+   word-break: break-all;
+} 
+.orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion li.fqali .fqa-answer {
   font-size: 1rem;
   font-weight: 400;
   padding: 0.625rem;
   display: none;
 }
-.orico_Page_index
-  .pageMain
-  .oricoFQA
-  .fqaright
-  ul.accordion
-  li.fqali
-  .fqa-answer
-  p {
+
+.orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion li.fqali .fqa-answer p {
   line-height: 1.75rem;
   word-break: break-all;
 }
-.orico_Page_index
-  .pageMain
-  .oricoFQA
-  .fqaright
-  ul.accordion
-  li.fqali:last-child {
+
+.orico_Page_index .pageMain .oricoFQA .fqaright ul.accordion li.fqali:last-child {
   border-bottom: none;
 }
+
 .orico_Page_index .pageMain .oricofixd-info {
   height: 88px;
   background-color: #333;
@@ -1079,17 +910,21 @@
   flex-direction: row;
   align-items: center;
 }
+
 .orico_Page_index .pageMain .oricofixd-info .ofiinfo {
   width: 80%;
   text-wrap: wrap;
   margin-left: 7%;
 }
+
 .orico_Page_index .pageMain .oricofixd-info .ofiinfo p {
   font-weight: 400;
 }
+
 .orico_Page_index .pageMain .oricofixd-info .ofibt {
   width: 10%;
 }
+
 .orico_Page_index .pageMain .oricofixd-info .ofibt button {
   width: 9.375rem;
   height: 3.125rem;
@@ -1099,10 +934,12 @@
   background-color: #333;
   cursor: pointer;
 }
+
 .orico_Page_index .pageMain .oricofixd-info .oficlose {
   width: 10%;
   margin-right: 7%;
 }
+
 .orico_Page_index .pageMain .oricofixd-info .oficlose .close-btn {
   font-size: 1.875rem;
   color: white;
@@ -1110,10 +947,12 @@
   float: right;
   width: 1.25rem;
 }
+
 .orico_Page_index .ba-slider .handle {
   background: #dcdbd9;
   cursor: pointer;
 }
+
 .orico_Page_index .ba-slider .handle:after {
   position: absolute;
   top: 50%;
@@ -1124,8 +963,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #fff url('/static/index/pc/images/ba-arrow.png') center center / 22px 22px
-    no-repeat;
+  background: #fff url('/static/index/pc/images/ba-arrow.png') center center / 22px 22px no-repeat;
   border: 1px solid #fff;
   border-radius: 50%;
   transition: all 0.3s ease;
@@ -1133,14 +971,22 @@
   z-index: 5;
   box-shadow: none;
 }
-.orico_Page_index  .ba-slider .handle.ba-draggable:after {
+
+.orico_Page_index .ba-slider .handle.ba-draggable:after {
   transform: scale(.8)
 }
+
 /*屏幕兼容性*/
-@media screen and (min-width:750px) and (max-width:1280px){}
+@media screen and (min-width:750px) and (max-width:1280px) {}
+
 @media screen and (min-width:1281px) and (max-width:1360px) {}
+
 @media screen and (min-width:1361px) and (max-width:1460px) {}
+
 @media screen and (min-width:1461px) and (max-width:1660px) {}
+
 @media screen and (min-width:1661px) and (max-width:1760px) {}
+
 @media screen and (min-width:1761px) and (max-width:1960px) {}
+
 @media screen and (min-width:1980px) {}
\ No newline at end of file
diff --git a/public/static/index/pc/css/product_detail.css b/public/static/index/pc/css/product_detail.css
index 613f7c35..9feedb82 100755
--- a/public/static/index/pc/css/product_detail.css
+++ b/public/static/index/pc/css/product_detail.css
@@ -90,6 +90,9 @@
   overflow: hidden;
   height: 31.875rem;
   display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
 }
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg {
   width: 80px;