style:修改首页，产品详情，新品，nasr首页样式

refactor：重构了产品详情的图片预览功能，coyp了一个页面
add：新增了large.js这个是产品详情图片预览相关的

public/static/index/css/orico_header.css

@@ -160,7 +160,6 @@
   align-items: center;
   justify-content: center;
   padding: 0.5rem 0;
-  z-index:9999;
 }
 .header-PC #header .nav2 .navItem .navItemConten1 li {
   color: #fff;
@@ -275,7 +274,7 @@
   border: 1px solid rgba(0, 0, 0, 0.2);
   position: fixed;
   right: 2%;
-  width: 45%;
+  width: 33%;
   top: 5rem;
   height: 80%;
   overflow-y: auto;
@@ -318,6 +317,9 @@
   margin-top: 10%;
   margin-left: 1%;
 }
+.header-PC .searchmodalMian .searchmodalct .popProduct .popmain{
+   width: 100%;
+}
 .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain,
 .header-PC .searchmodalMian .searchmodalct .popProduct .popmain {
   display: flex;
@@ -327,7 +329,7 @@
 .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem,
 .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem {
   text-align: center;
-  margin-top: 10%;
+  margin-top: 7%;
   margin-left: 1%;
   display: flex;
   flex-direction: column;
@@ -354,11 +356,12 @@
 }
 .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName 
  {
-  width: 100px;
+  width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
+  font-size:14px
  }
  .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .produc-dec{
   font-size: 10px;