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

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

public/static/index/css/category.css

@@ -7,6 +7,9 @@
   overflow-x: hidden;
   background: #f9f9f9;
 }
+.oricoCont{
+   background: #f9f9f9;
+}
 .orico_Page_products .focus_image {
   padding-top: 3.75rem;
 }
@@ -20,15 +23,17 @@
 }
 .orico_Page_products .pageMain {
   width: 85%;
-  padding: 50px 0 2.5rem;
+  padding: 7.5rem 0 2.5rem;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
+  padding-top: 3.75rem;
 }
 .orico_Page_products .pageMain .ori-pd-title {
   font-size: 1.5em;
   color: #101010;
   margin-bottom: 1.25rem;
+  font-weight: 400;
 }
 .orico_Page_products .pageMain .ori-pd-list {
   display: flex;
@@ -62,12 +67,19 @@
 }
 .orico_Page_products .pageMain .ori-pd-list .oripditem .prdName {
   color: #101010;
-  font-size: 1.125rem;
+  font-size: 0.875rem;
   padding-bottom: 0.625rem;
+  width:80%;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .orico_Page_products .pageMain .ori-pd-list .oripditem .prddec {
-  font-size: 1.125rem;
+  font-size: 0.875rem;
   color: #737373;
+  width:80%;
+  text-align: center;
 }
 .orico_Page_products .pageMain .ori-pd-list .oripditem .prd-colors {
   width: 92%;