搜索代码 官网视频

public/assets/css/about/about.less

@@ -58,7 +58,7 @@ body{background: #000;min-width: 1200px;}
     }
     .floor2{
         height:1074px;
-        background: url("../../images/about/qualitybg2.png") center top no-repeat;
+        background: url("../../images/about/bgg5.png") center top no-repeat;
         .jscon{
             width: 1200px;
             height: 410px;
@@ -359,9 +359,7 @@ body{background: #000;min-width: 1200px;}
                 padding-top:40px;
                 background: rgba(255,255,255,0);
                 
-                &.itemlast{
-                    margin-left: 285px;
-                }
+              
                
                 img{display: block;margin: 0 auto;}
                 p{font-size: 22px; font-weight: bold;color:#fff;opacity: 0;}

public/assets/css/about/about.min.css

-.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.aboutpage{background:#000}.aboutpage .floor1{height:1003px;background:url("../../images/about/companybg1.png") center top no-repeat}.aboutpage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.aboutpage .floor2{height:1485px;background:url("../../images/about/companybg2.png") center top no-repeat}.aboutpage .floor2 .jscon{width:1200px;height:1243px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.aboutpage .floor2 .jscon b{font-size:60px}.aboutpage .floor2 .jscon p{margin-bottom:50px}.aboutpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.aboutpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.aboutpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.aboutpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.qualitypage{background:#000}.qualitypage .floor1{height:1003px;background:url("../../images/about/qualitybg.png") center top no-repeat}.qualitypage .floor1 p{font-size:80px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.qualitypage .floor1 p span{font-size:50px;display:block}.qualitypage .floor2{height:1074px;background:url("../../images/about/qualitybg2.png") center top no-repeat}.qualitypage .floor2 .jscon{width:1200px;height:410px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.qualitypage .floor2 .jscon b{font-size:60px}.qualitypage .floor2 .jscon p{margin-bottom:50px}.qualitypage .floor2 .supplierboxsp{padding-top:20px}.qualitypage .floor2 .supplierboxsp .row{margin-bottom:1px}.qualitypage .floor2 .supplierboxsp .itemf3{height:200px;width:50%;background:rgba(255,255,255,0.1);color:#fff;font-size:22px;line-height:200px;margin-bottom:1px}.qualitypage .floor2 .supplierboxsp .itemf3.trr{padding-left:122px}.qualitypage .floor2 .supplierboxsp .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.qualitypage .floor2 .supplierboxsp .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%;font-size:30px}.qualitypage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.qualitypage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.qualitypage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.qualitypage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.privacypage{background:#000}.privacypage .floor1{height:1003px;background:url("../../images/about/privacybg1.png") center top no-repeat}.privacypage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.privacypage .floor2{height:3744px;background:url("../../images/about/privacybg2.png") center top no-repeat}.privacypage .floor2 .jscon{width:1200px;height:3490px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.privacypage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.privacypage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.privacypage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.privacypage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.privacypage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.termpage{background:#000}.termpage .floor1{height:1002px;background:url("../../images/about/termbg1.png") center top no-repeat}.termpage .floor1 p{font-size:90px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.termpage .floor1 p span{font-size:50px;font-weight:bold;color:#fff;display:block;margin-top:30px}.termpage .floor2{height:2359px;background:url("../../images/about/termbg2.png") center top no-repeat}.termpage .floor2 .jscon{width:1200px;height:2117px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.termpage .floor2 .jscon b{display:block;font-size:18px;font-weight:bold;margin-bottom:20px}.termpage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.termpage .floor2 .jscon p.tc-r{text-align:right;margin-top:60px}.termpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.termpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.termpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.termpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.termuserpage{background:#000}.termuserpage .floor1{height:1002px;background:url("../../images/about/termuserbg1.png") center top no-repeat}.termuserpage .floor1 p{font-size:90px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.termuserpage .floor2{height:2310px;background:url("../../images/about/termuserbg2.png") center top no-repeat}.termuserpage .floor2 .jscon{width:1200px;height:2060px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px}.termuserpage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.termuserpage .floor2 .jscon p.tc-r{text-align:right;margin-top:60px}.termuserpage .floor2 .jscon .b{display:block;font-size:16px;font-weight:bold;margin-bottom:20px}.termuserpage .floor2 .jscon .btitle{font-size:22px}.termuserpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.termuserpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.termuserpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.termuserpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.refundpage{background:#000}.refundpage .floor1{height:1002px;background:url("../../images/about/refundbg1.png") center top no-repeat}.refundpage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.refundpage .floor2{height:1062px;background:url("../../images/about/refundbg2.png") center top no-repeat}.refundpage .floor2 .jscon{width:1200px;height:816px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px}.refundpage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.refundpage .floor2 .jscon p.tc-r{text-align:right;margin-top:60px}.refundpage .floor2 .jscon .b{display:block;font-size:16px;font-weight:bold;margin-bottom:20px}.refundpage .floor2 .jscon .btitle{font-size:22px}.refundpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.refundpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.refundpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.refundpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.certificationpage{background:#000}.certificationpage .floor1{height:1002px;background:url("../../images/about/termuserbg1.png") center top no-repeat}.certificationpage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.certificationpage .floor2{height:1022px;background:url("../../images/about/termuserbg2.png") center top no-repeat}.certificationpage .floor2 .jscon{width:1200px;height:380px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px}.certificationpage .floor2 .jscon b{font-size:60px}.certificationpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.certificationpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.certificationpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.certificationpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.certificationpage .floor3 .fl3con{height:360px;margin-top:40px;background:rgba(255,255,255,0.1)}.certificationpage .floor3 .fl3con .item{width:285px;height:360px;padding-left:21px;padding-top:40px;background:rgba(255,255,255,0)}.certificationpage .floor3 .fl3con .item.itemlast{margin-left:285px}.certificationpage .floor3 .fl3con .item img{display:block;margin:0 auto}.certificationpage .floor3 .fl3con .item p{font-size:22px;font-weight:bold;color:#fff;opacity:0}.certificationpage .floor3 .fl3con .item .imgbox{height:230px}.certificationpage .floor3 .fl3con .item div.text{opacity:0;text-align:center}.certificationpage .floor3 .fl3con .item div.text i{color:#283FEB}.certificationpage .floor3 .fl3con .item .ht{display:none}.certificationpage .floor3 .fl3con .item:hover{background:rgba(255,255,255,0.1)}.certificationpage .floor3 .fl3con .item:hover p{opacity:1}.certificationpage .floor3 .fl3con .item:hover .ht{display:block}.certificationpage .floor3 .fl3con .item:hover .st{display:none}.certificationpage .floor3 .fl3con .item:hover div.text{opacity:1}
\ No newline at end of file
+.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.aboutpage{background:#000}.aboutpage .floor1{height:1003px;background:url("../../images/about/companybg1.png") center top no-repeat}.aboutpage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.aboutpage .floor2{height:1485px;background:url("../../images/about/companybg2.png") center top no-repeat}.aboutpage .floor2 .jscon{width:1200px;height:1243px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.aboutpage .floor2 .jscon b{font-size:60px}.aboutpage .floor2 .jscon p{margin-bottom:50px}.aboutpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.aboutpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.aboutpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.aboutpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.qualitypage{background:#000}.qualitypage .floor1{height:1003px;background:url("../../images/about/qualitybg.png") center top no-repeat}.qualitypage .floor1 p{font-size:80px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.qualitypage .floor1 p span{font-size:50px;display:block}.qualitypage .floor2{height:1074px;background:url("../../images/about/bgg5.png") center top no-repeat}.qualitypage .floor2 .jscon{width:1200px;height:410px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.qualitypage .floor2 .jscon b{font-size:60px}.qualitypage .floor2 .jscon p{margin-bottom:50px}.qualitypage .floor2 .supplierboxsp{padding-top:20px}.qualitypage .floor2 .supplierboxsp .row{margin-bottom:1px}.qualitypage .floor2 .supplierboxsp .itemf3{height:200px;width:50%;background:rgba(255,255,255,0.1);color:#fff;font-size:22px;line-height:200px;margin-bottom:1px}.qualitypage .floor2 .supplierboxsp .itemf3.trr{padding-left:122px}.qualitypage .floor2 .supplierboxsp .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.qualitypage .floor2 .supplierboxsp .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%;font-size:30px}.qualitypage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.qualitypage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.qualitypage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.qualitypage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.privacypage{background:#000}.privacypage .floor1{height:1003px;background:url("../../images/about/privacybg1.png") center top no-repeat}.privacypage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.privacypage .floor2{height:3744px;background:url("../../images/about/privacybg2.png") center top no-repeat}.privacypage .floor2 .jscon{width:1200px;height:3490px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.privacypage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.privacypage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.privacypage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.privacypage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.privacypage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.termpage{background:#000}.termpage .floor1{height:1002px;background:url("../../images/about/termbg1.png") center top no-repeat}.termpage .floor1 p{font-size:90px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.termpage .floor1 p span{font-size:50px;font-weight:bold;color:#fff;display:block;margin-top:30px}.termpage .floor2{height:2359px;background:url("../../images/about/termbg2.png") center top no-repeat}.termpage .floor2 .jscon{width:1200px;height:2117px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px }.termpage .floor2 .jscon b{display:block;font-size:18px;font-weight:bold;margin-bottom:20px}.termpage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.termpage .floor2 .jscon p.tc-r{text-align:right;margin-top:60px}.termpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.termpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.termpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.termpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.termuserpage{background:#000}.termuserpage .floor1{height:1002px;background:url("../../images/about/termuserbg1.png") center top no-repeat}.termuserpage .floor1 p{font-size:90px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.termuserpage .floor2{height:2310px;background:url("../../images/about/termuserbg2.png") center top no-repeat}.termuserpage .floor2 .jscon{width:1200px;height:2060px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px}.termuserpage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.termuserpage .floor2 .jscon p.tc-r{text-align:right;margin-top:60px}.termuserpage .floor2 .jscon .b{display:block;font-size:16px;font-weight:bold;margin-bottom:20px}.termuserpage .floor2 .jscon .btitle{font-size:22px}.termuserpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.termuserpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.termuserpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.termuserpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.refundpage{background:#000}.refundpage .floor1{height:1002px;background:url("../../images/about/refundbg1.png") center top no-repeat}.refundpage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.refundpage .floor2{height:1062px;background:url("../../images/about/refundbg2.png") center top no-repeat}.refundpage .floor2 .jscon{width:1200px;height:816px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px}.refundpage .floor2 .jscon p{margin-bottom:20px;font-size:16px}.refundpage .floor2 .jscon p.tc-r{text-align:right;margin-top:60px}.refundpage .floor2 .jscon .b{display:block;font-size:16px;font-weight:bold;margin-bottom:20px}.refundpage .floor2 .jscon .btitle{font-size:22px}.refundpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.refundpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.refundpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.refundpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.certificationpage{background:#000}.certificationpage .floor1{height:1002px;background:url("../../images/about/termuserbg1.png") center top no-repeat}.certificationpage .floor1 p{font-size:110px;font-weight:bold;color:#fff;width:1200px;margin:0 auto}.certificationpage .floor2{height:1022px;background:url("../../images/about/termuserbg2.png") center top no-repeat}.certificationpage .floor2 .jscon{width:1200px;height:380px;margin:0 auto;background:rgba(40,63,235,0.4);font-size:30px;color:#fff;font-weight:bold;padding:0px 63px}.certificationpage .floor2 .jscon b{font-size:60px}.certificationpage .floor2 .readbox{padding-top:50px;text-align:center;padding-bottom:60px}.certificationpage .floor2 .readbox p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.certificationpage .floor2 .readbox .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.certificationpage .floor2 .readbox .but.but-lk{background:none;margin-left:39px}.certificationpage .floor3 .fl3con{height:360px;margin-top:40px;background:rgba(255,255,255,0.1)}.certificationpage .floor3 .fl3con .item{width:285px;height:360px;padding-left:21px;padding-top:40px;background:rgba(255,255,255,0)}.certificationpage .floor3 .fl3con .item img{display:block;margin:0 auto}.certificationpage .floor3 .fl3con .item p{font-size:22px;font-weight:bold;color:#fff;opacity:0}.certificationpage .floor3 .fl3con .item .imgbox{height:230px}.certificationpage .floor3 .fl3con .item div.text{opacity:0;text-align:center}.certificationpage .floor3 .fl3con .item div.text i{color:#283FEB}.certificationpage .floor3 .fl3con .item .ht{display:none}.certificationpage .floor3 .fl3con .item:hover{background:rgba(255,255,255,0.1)}.certificationpage .floor3 .fl3con .item:hover p{opacity:1}.certificationpage .floor3 .fl3con .item:hover .ht{display:block}.certificationpage .floor3 .fl3con .item:hover .st{display:none}.certificationpage .floor3 .fl3con .item:hover div.text{opacity:1}
\ No newline at end of file

public/assets/css/class/class.less

@@ -59,6 +59,7 @@
             }
             .bcon{
                 position: absolute;
+                z-index: 2;
                 top:30px;
                 left:0px;
                 width:294px;

public/assets/css/class/class.min.css

-.classbox .class-three-box{width:1200px;background:#fff}.classbox .class-three-box .chead{width:1200px;height:48px;background:#DFEAFA;line-height:48px;padding-left:26px;color:#164D9A;font-size:20px;font-weight:bold}.classbox .class-three-box .csec{width:1200px;max-height:160px;overflow-y:auto;padding:20px 50px}.classbox .class-three-box .csec::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .class-three-box .csec::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .class-three-box .csec a{color:#555;float:left;height:20px;width:25%;margin-bottom:20px}.classbox .class-three-box .csec a:hover{color:#164D9A}.classbox .shit-box{padding:20px 25px}.classbox .shit-box p.titletext{font-size:14px;color:#333;margin-bottom:15px}.classbox .shit-box .brand-box{width:294px;height:30px;background:#FFFFFF;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .shit-box .brand-box span.icon{position:absolute;left:15px;top:6px}.classbox .shit-box .brand-box span.icon i{font-size:18px;color:#aaa}.classbox .shit-box .brand-box input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:42px}.classbox .shit-box .brand-box .bcon{position:absolute;top:30px;left:0px;width:294px;background:#fff;box-shadow:0 0 5px #ccc;max-height:150px;overflow-y:auto;display:none}.classbox .shit-box .brand-box .bcon p{height:20px;line-height:20px;padding:5px 15px;color:#333;font-size:14px;cursor:pointer}.classbox .shit-box .brand-box .bcon p:hover{background:#F0F7FF;color:#164D9A}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .mb20{margin-bottom:20px}.classbox .listcon{background:#fff;padding:25px 0px}.classbox .listcon .p25{padding:0 25px}.classbox .listcon .countshead{color:#555;font-size:16px}.classbox .listcon .butcon{position:relative;top:10px}.classbox .listcon .butcon .but{width:100px;height:32px;background:#164D9A;border-radius:8px;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-left:30px}.classbox .listcon .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .listcon .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.classbox .listcon .search-shit span.icon i{font-size:18px;color:#fff}.classbox .listcon .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:305px}.classbox .listcon .check-group{color:#555;font-size:16px;cursor:pointer;margin-left:50px}.classbox .listcon .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.classbox .listcon .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.classbox .listcon .check-group p{height:22px;line-height:22px;margin-left:9px}.classbox .listcon .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.classbox .listcon .check-group.act .check i{display:inline}
\ No newline at end of file
+.classbox .class-three-box{width:1200px;background:#fff}.classbox .class-three-box .chead{width:1200px;height:48px;background:#DFEAFA;line-height:48px;padding-left:26px;color:#164D9A;font-size:20px;font-weight:bold}.classbox .class-three-box .csec{width:1200px;max-height:160px;overflow-y:auto;padding:20px 50px}.classbox .class-three-box .csec::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .class-three-box .csec::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .class-three-box .csec a{color:#555;float:left;height:20px;width:25%;margin-bottom:20px}.classbox .class-three-box .csec a:hover{color:#164D9A}.classbox .shit-box{padding:20px 25px}.classbox .shit-box p.titletext{font-size:14px;color:#333;margin-bottom:15px}.classbox .shit-box .brand-box{width:294px;height:30px;background:#FFFFFF;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .shit-box .brand-box span.icon{position:absolute;left:15px;top:6px}.classbox .shit-box .brand-box span.icon i{font-size:18px;color:#aaa}.classbox .shit-box .brand-box input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:42px}.classbox .shit-box .brand-box .bcon{position:absolute;z-index:2;top:30px;left:0px;width:294px;background:#fff;box-shadow:0 0 5px #ccc;max-height:150px;overflow-y:auto;display:none}.classbox .shit-box .brand-box .bcon p{height:20px;line-height:20px;padding:5px 15px;color:#333;font-size:14px;cursor:pointer}.classbox .shit-box .brand-box .bcon p:hover{background:#F0F7FF;color:#164D9A}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar{width:2px;background-color:#EDEDED}.classbox .shit-box .brand-box .bcon::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.classbox .mb20{margin-bottom:20px}.classbox .listcon{background:#fff;padding:25px 0px}.classbox .listcon .p25{padding:0 25px}.classbox .listcon .countshead{color:#555;font-size:16px}.classbox .listcon .butcon{position:relative;top:10px}.classbox .listcon .butcon .but{width:100px;height:32px;background:#164D9A;border-radius:8px;text-align:center;line-height:32px;color:#fff;font-size:16px;margin-left:30px}.classbox .listcon .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.classbox .listcon .search-shit span.icon{position:absolute;right:0px;top:-1px;width:50px;height:32px;background:#164D9A;text-align:center;line-height:32px;border-radius:0px 8px 8px 0px;cursor:pointer}.classbox .listcon .search-shit span.icon i{font-size:18px;color:#fff}.classbox .listcon .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:305px}.classbox .listcon .check-group{color:#555;font-size:16px;cursor:pointer;margin-left:50px}.classbox .listcon .check-group .check{width:22px;height:22px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;text-align:center;line-height:20px}.classbox .listcon .check-group .check i{color:#164D9A;font-size:16px;position:relative;top:1px;display:none}.classbox .listcon .check-group p{height:22px;line-height:22px;margin-left:9px}.classbox .listcon .check-group.act .check{background:#DFEAFA;border:1px solid #164D9A}.classbox .listcon .check-group.act .check i{display:inline}
\ No newline at end of file

public/assets/css/common/common.less

@@ -47,7 +47,7 @@
     position       : fixed;
     top            : 70px;
     left           : 0px;
-
+    z-index: 6;
     .ghn-con {
         height: 112px;
         width : 1500px;
@@ -73,7 +73,6 @@
         .ghn-right-box {
             position: relative;
             top     : -30px;
-            
             .grb-top {
                 .yesLogin {
                     position: relative;
@@ -786,8 +785,7 @@
                 }
 
                 &:hover {
-                    background     : url("../../images/common/footer9.png") no-repeat;
-                    background-size: 100% 100%;
+                   
                     color          : #fff;
 
                     b {
@@ -796,6 +794,18 @@
                         color      : #fff;
                     }
                 }
+                &.bgbts1:hover{
+                    background: url("../../images/home/bgf1.png")  no-repeat;background-size: 100% 100%;
+                }
+                &.bgbts2:hover{
+                    background: url("../../images/home/bgf2.png")  no-repeat;background-size: 100% 100%;
+                }
+                &.bgbts3:hover{
+                    background: url("../../images/home/bgf3.png")  no-repeat;background-size: 100% 100%;
+                }
+                &.bgbts4:hover{
+                    background: url("../../images/home/bgf4.png")  no-repeat;background-size: 100% 100%;
+                }
             }
         }
 
@@ -952,6 +962,7 @@
                 line-height: 22px;color:#555;
                 .jtpr{width:80px;box-sizing: border-box;padding-right: 5px;}
                 .jtpc{width:80px;}
+                &.act{color:#164D9A;}
             }
             a.goodsname{color:#555;&:hover{color:#164D9A;}}
             .td{line-height: 22px;word-break:break-all;}

public/assets/css/common/common.min.css

-@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.break-word{word-break:break-all}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px;overflow:hidden;height:16px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:5px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{background:url("../../images/common/footer9.png") no-repeat;background-size:100% 100%;color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file
+@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.break-word{word-break:break-all}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px;z-index:6}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px;overflow:hidden;height:16px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:5px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor1 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor1 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group .price-group.act{color:#164D9A}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file

public/assets/css/home/home.less

@@ -16,6 +16,15 @@ body{background: #000;min-width: 1200px;}
             .rtdes{
                 p{color:#fff;font-size: 60px;}
                 .p24{font-size: 24px;margin-top:30px;}
+                position: relative;
+                img{
+                    display: block;position: absolute;
+                    z-index: 1;
+                    width:450px;
+                    right:-50px;
+                    top:-150px;
+                }
+
             }
             .fl1botbox{
                 margin-top:94px;
@@ -47,12 +56,13 @@ body{background: #000;min-width: 1200px;}
         }
     }
     .floor2{
-        height:600px;
+        height:480px;
         background: url("../../images/home/bg2.png") center top no-repeat;
         font-size: 24px;
         color:#fff;
         b{font-size: 40px;}
         .f2con{width:500px;margin:0 auto;position: relative;top:260px;width:864px;}
+        video{width:1200px;margin:0 auto;display: block;}
     }
     .floor3{
         padding-top: 4px;
@@ -65,9 +75,21 @@ body{background: #000;min-width: 1200px;}
             &.trr{padding-left: 122px;}
             &.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
             b{font-size: 40px;font-weight: bold;margin-right: 10px;}
-            &:hover{ background: url("../../images/home/subj.png")  no-repeat;background-size: 100% 100%;
+            &:hover{ 
                 b{font-size: 100px;font-weight: bold;}
             }
+            &.bgbts1:hover{
+                background: url("../../images/home/bgf1.png")  no-repeat;background-size: 100% 100%;
+            }
+            &.bgbts2:hover{
+                background: url("../../images/home/bgf2.png")  no-repeat;background-size: 100% 100%;
+            }
+            &.bgbts3:hover{
+                background: url("../../images/home/bgf3.png")  no-repeat;background-size: 100% 100%;
+            }
+            &.bgbts4:hover{
+                background: url("../../images/home/bgf4.png")  no-repeat;background-size: 100% 100%;
+            }
         }
     }
 

public/assets/css/home/home.min.css

-.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;color:#283FEB}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{font-size:60px;color:#fff}.homepage .floor2{height:600px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover{background:url("../../images/home/subj.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);color:#fff;position:fixed;bottom:0px;z-index:1}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#fff}.homepage .footfixedcor .confotfix .but{display:block;position:relative;top:10px;text-align:center;width:248px;height:48px;line-height:48px;background:#283FEB;color:#fff;font-size:20px;border:1px solid #283FEB;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#283FEB}
\ No newline at end of file
+.gw-header-nav{position:fixed;top:70px}body{background:#000;min-width:1200px}.homepage{background:#000}.homepage .floor1{height:1021px;width:100%;background:url("../../images/home/bg1.png") center top no-repeat}.homepage .floor1 .fl1-con{padding-top:440px;width:1200px;margin:0 auto}.homepage .floor1 .fl1-con .rtdes{position:relative}.homepage .floor1 .fl1-con .rtdes p{color:#fff;font-size:60px}.homepage .floor1 .fl1-con .rtdes .p24{font-size:24px;margin-top:30px}.homepage .floor1 .fl1-con .rtdes img{display:block;position:absolute;z-index:1;width:450px;right:-50px;top:-150px}.homepage .floor1 .fl1-con .fl1botbox{margin-top:94px}.homepage .floor1 .fl1-con .fl1botbox .ftitem{width:390px;padding-top:38px;padding-bottom:42px;background:rgba(2,11,51,0.75);margin-right:15px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem.ftlast{margin-right:0px}.homepage .floor1 .fl1-con .fl1botbox .ftitem div{height:88px;width:88px;margin:0 auto;background:#fff;border-radius:88px;text-align:center;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem div i{font-size:47px;position:relative;top:18px;color:#283FEB}.homepage .floor1 .fl1-con .fl1botbox .ftitem p{text-align:center;font-size:30px;color:#fff;margin-top:38px;margin-bottom:24px}.homepage .floor1 .fl1-con .fl1botbox .ftitem i.ijt{color:#283FEB;transition:all .8s}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover{background:rgba(40,63,235,0.75)}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover i.ijt{color:#F68332}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div{background:none}.homepage .floor1 .fl1-con .fl1botbox .ftitem:hover div i{font-size:60px;color:#fff}.homepage .floor2{height:480px;background:url("../../images/home/bg2.png") center top no-repeat;font-size:24px;color:#fff}.homepage .floor2 b{font-size:40px}.homepage .floor2 .f2con{width:500px;margin:0 auto;position:relative;top:260px;width:864px}.homepage .floor2 video{width:1200px;margin:0 auto;display:block}.homepage .floor3{padding-top:4px}.homepage .floor3 .row{margin-bottom:1px}.homepage .floor3 .itemf3{height:200px;width:50%;background:#1B2037;color:#fff;font-size:30px;line-height:200px;margin-bottom:1px}.homepage .floor3 .itemf3.trr{padding-left:122px}.homepage .floor3 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.homepage .floor3 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.homepage .floor3 .itemf3:hover b{font-size:100px;font-weight:bold}.homepage .floor3 .itemf3.bgbts1:hover{background:url("../../images/home/bgf1.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts2:hover{background:url("../../images/home/bgf2.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts3:hover{background:url("../../images/home/bgf3.png") no-repeat;background-size:100% 100%}.homepage .floor3 .itemf3.bgbts4:hover{background:url("../../images/home/bgf4.png") no-repeat;background-size:100% 100%}.homepage .floor4{padding-top:60px;text-align:center;padding-bottom:60px}.homepage .floor4 p{font-size:30px;font-weight:bold;color:#FFf;margin-bottom:36px}.homepage .floor4 .but{width:560px;height:64px;line-height:64px;background:#283FEB;color:#fff;font-size:22px;border:2px solid #283FEB;cursor:pointer}.homepage .floor4 .but.but-lk{background:none;margin-left:39px}.homepage .footfixedcor{height:160px;width:100%;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px);color:#fff;position:fixed;bottom:0px;z-index:1}.homepage .footfixedcor .confotfix{position:relative;padding-top:44px;padding-bottom:47px;z-index:2}.homepage .footfixedcor .confotfix div.textt{width:656px;font-size:18px;line-height:24px;margin-right:28px;color:#fff}.homepage .footfixedcor .confotfix .but{display:block;position:relative;top:10px;text-align:center;width:248px;height:48px;line-height:48px;background:#283FEB;color:#fff;font-size:20px;border:1px solid #283FEB;cursor:pointer}.homepage .footfixedcor .confotfix .but.but-lk{background:none;margin-right:20px;color:#283FEB}
\ No newline at end of file

public/assets/css/mall/mall.less

@@ -52,7 +52,7 @@
         }
     }
     .floor3{
-        height:380px;
+        height:480px;
         margin-top: 12px;
         background: url(../../images/mall/video.png) no-repeat;
         background-size: 100% 100%;

public/assets/css/mall/mall.min.css

-.mallindex .floor1{margin-top:7px}.mallindex .floor1 .f1left{width:498px;height:384px}.mallindex .floor1 .f1right{margin-left:1px;width:700px;height:384px;background:url(../../images/mall/banner.png) no-repeat;background-size:100% 100%}.mallindex .floor2{margin-top:12px}.mallindex .floor2 .item{width:392px;height:179px;background:rgba(2,11,51,0.75);transition:all .5s;margin-right:12px;padding-left:48px}.mallindex .floor2 .item:last-child{margin-right:0px}.mallindex .floor2 .item .qiu{width:70px;height:70px;background:#FFFFFF;border-radius:50%;text-align:center;line-height:70px}.mallindex .floor2 .item .qiu i{font-size:37px;color:#1F68F2}.mallindex .floor2 .item .cong{margin-left:41px}.mallindex .floor2 .item .cong p{font-size:20px;font-weight:bold;color:#fff;margin-bottom:14px}.mallindex .floor2 .item .cong i{color:#1F68F2}.mallindex .floor2 .item:hover{background:rgba(40,63,235,0.75)}.mallindex .floor2 .item:hover .qiu{background:none}.mallindex .floor2 .item:hover .qiu i{display:inline;color:#fff;font-size:60px}.mallindex .floor2 .item:hover .cong i{color:#F68332}.mallindex .floor3{height:380px;margin-top:12px;background:url(../../images/mall/video.png) no-repeat;background-size:100% 100%}.procon{display:block!important}
\ No newline at end of file
+.mallindex .floor1{margin-top:7px}.mallindex .floor1 .f1left{width:498px;height:384px}.mallindex .floor1 .f1right{margin-left:1px;width:700px;height:384px;background:url(../../images/mall/banner.png) no-repeat;background-size:100% 100%}.mallindex .floor2{margin-top:12px}.mallindex .floor2 .item{width:392px;height:179px;background:rgba(2,11,51,0.75);transition:all .5s;margin-right:12px;padding-left:48px}.mallindex .floor2 .item:last-child{margin-right:0px}.mallindex .floor2 .item .qiu{width:70px;height:70px;background:#FFFFFF;border-radius:50%;text-align:center;line-height:70px}.mallindex .floor2 .item .qiu i{font-size:37px;color:#1F68F2}.mallindex .floor2 .item .cong{margin-left:41px}.mallindex .floor2 .item .cong p{font-size:20px;font-weight:bold;color:#fff;margin-bottom:14px}.mallindex .floor2 .item .cong i{color:#1F68F2}.mallindex .floor2 .item:hover{background:rgba(40,63,235,0.75)}.mallindex .floor2 .item:hover .qiu{background:none}.mallindex .floor2 .item:hover .qiu i{display:inline;color:#fff;font-size:60px}.mallindex .floor2 .item:hover .cong i{color:#F68332}.mallindex .floor3{height:480px;margin-top:12px;background:url(../../images/mall/video.png) no-repeat;background-size:100% 100%}.procon{display:block!important}
\ No newline at end of file

public/assets/js/brand/list.js

+define('brandlist', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
+    var tool = require("tool");
+    var liexin_pop = require("liexin_pop");
+    var artTemplate = require("artTemplate");
+    var pagination = require('pagination');
+    var brandlist = {
+        page: 1,
+        limit: 10,
+        init: function () {
+            brandlist.handle();
+            brandlist.pagehandle();
+            brandlist.getData()
+        },
+        getData: function () {
+            var data_ = {
+                page: brandlist.page,
+                page_size: brandlist.limit,
+                "brand_name/like":$("#brandvalxsp").text()
+            }
+            if ($(".eqsort").hasClass("act")) {
+                data_["goods_name/eq"] = $(".mallbrandlistvalx").val()
+            } else {
+                data_["goods_name/like"] = $(".mallbrandlistvalx").val()
+            }
+            if ($(".stockSort").hasClass("act")) {
+                data_["stock/gte"] = 1
+            }
+
+            if ($(".storeitems").hasClass("act")) {
+                if ($(".storeitems").hasClass("top")) {
+                    data_["stock/sort"] = "asc"
+                } else {
+                    data_["stock/sort"] = "desc"
+                }
+            }
+            if ($(".priceitems").hasClass("act")) {
+                if ($(".priceitems").hasClass("top")) {
+                    data_["single_price/sort"] = "asc"
+                } else {
+                    data_["single_price/sort"] = "desc"
+                }
+            }
+            $.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
+                if (res.code == 0) {
+                    var dataArr = res.data.lists || [];
+                    $(".brandlistCount").html(res.data.total || 0)
+                    if (dataArr.length == 0) {
+                        tool.NoData(".data-td")
+                        return
+                    }
+                    var json_ = {
+                        data: dataArr
+                    }
+                    var html = template('DataTmp', json_);
+                    $(".data-td").html(html);
+                    //阶梯价格 合计价格初始化
+                    $(".data-td .td-group").each(function () {
+                        brandlist.onePriceRow($(this))
+                    })
+                    //分页初始化
+                    $('.M-pagebox').pagination({
+                        coping: false,
+                        homePage: '<<',
+                        endPage: '>>',
+                        totalData: res.data.total,
+                        showData: res.data.page_size,
+                        current: res.data.page
+                    });
+                } else {
+                    tool.NoData(".data-td")
+                    liexin_pop.Tip({ title: res.msg })
+                }
+            })
+        },
+        handle: function () {
+             //搜索BTN
+             $(".searchbq").click(function(){
+                brandlist.getData()
+            })
+            //排序操作
+            $(".checksearchsz").click(function () {
+                $(this).toggleClass("act")
+                brandlist.getData()
+            })
+
+            $(".sort-item").click(function () {
+                $(".sort-item").removeClass("act");
+                $(this).addClass("act");
+                if ($(this).hasClass("topbomsd")) {
+                    if ($(this).hasClass("top")) {
+                        $(this).removeClass("top")
+                        $(this).addClass("bottom")
+                    } else {
+                        $(this).addClass("top")
+                        $(this).removeClass("bottom")
+                    }
+                }
+                brandlist.getData()
+            })
+            //输入数量
+
+            $("body").on("input", '.valuepsearch', tool.debounce(function (e) {
+                var num = $(this).val();
+                var max_num=Number($(this).attr("maxNum"));
+                var min_num=Number($(this).attr("minNum"));
+                if(num>max_num){
+                    $(this).val(max_num)
+                    liexin_pop.Tip({ title: "At Most "+max_num })
+                    return
+                }
+                if(num<min_num){
+                    $(this).val(min_num)
+                    liexin_pop.Tip({ title: "At Least "+min_num })
+                    return
+                }
+                
+            }, 300))
+            //加购物车
+            $("body").on("click",".addCarsearch",function(){
+                var data_=[{
+                    goods_id:$(this).attr("goods_id"),
+                    buy_number:$(this).prev(".valuepsearch").val()
+                }]
+                $.liexin_ajax('/api/cart/saveCart', 'POST', {items:JSON.stringify(data_)}, function (res) {
+                    if (res.code == 0) {
+                        liexin_pop.Tip({ title: res.msg })
+                        tool.getCarNum()
+                    } else {
+                      
+                        liexin_pop.Tip({ title: res.msg })
+                    }
+                })
+            })
+        },
+        //单条数据 计算阶梯价  计算合计价 自营供应商库存处理
+        onePriceRow: function (obj) {
+            var value_ = Number(obj.find(".valuep").val());//当前数量
+            //阶梯价格选中
+            obj.find(".price-group").each(function () {
+                var pus = $(this).attr("purchases")
+                var next_pus = $(this).next().attr("purchases")
+                var prev_pus = $(this).prev().attr("purchases")
+                obj.find(".price-group").removeClass("act")
+                if (value_ == pus) {
+                    $(this).addClass("act");
+                    return false;
+                }
+                if ($(this).index() == 0) {
+                    //第一个阶梯
+
+                    if (value_ > pus) {
+                        $(this).addClass("act");
+                        return false;
+                    }
+                }
+                if ($(this).index() == obj.find(".jt-group").length - 1) {
+                    //最后一个阶梯
+                    if (value_ < pus) {
+                        $(this).addClass("act");
+                        return false;
+                    }
+                }
+
+                if (value_ < pus && value_ > next_pus) {
+                    $(this).next().addClass("act")
+                    return false;
+                }
+                if (value_ > pus && value_ < prev_pus) {
+                    $(this).addClass("act")
+                    return false;
+                }
+            })
+            
+
+            //计算合计价格
+            var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
+            obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
+        },
+        pagehandle: function () {
+            $("body").on("click", ".M-pagebox a", function () {
+                if ($(this).attr("data-page")) {
+                    brandlist.page = $(this).attr("data-page");
+                } else {
+                    if ($(this).hasClass("prev")) {
+                        brandlist.page = brandlist.page - 1;
+                    } else if ($(this).hasClass("next")) {
+                        brandlist.page = brandlist.page + 1;
+                    }
+                }
+                brandlist.getData();
+            })
+
+        },
+    }
+    module.exports = brandlist.init();
+})
+
+
+seajs.use(['brandlist'])
\ No newline at end of file

public/assets/js/class/class.js

+define('class_p', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
+    var tool = require("tool");
+    var liexin_pop = require("liexin_pop");
+    var artTemplate = require("artTemplate");
+    var pagination = require('pagination');
+ 
+    var class_p = {
+        page: 1,
+        limit: 10,
+        init: function () {
+            class_p.handle();
+            class_p.pagehandle();
+            class_p.getData()
+        },
+        getData: function () {
+            var data_ = {
+                page: class_p.page,
+                page_size: class_p.limit,
+                "class_id1/eq":$("#class_id_two").val(),
+                "brand_name/like":$(".brandvals").val()
+            }
+            if ($(".eqsort").hasClass("act")) {
+                data_["goods_name/eq"] = $(".classsearchvals").val()
+            } else {
+                data_["goods_name/like"] = $(".classsearchvals").val()
+            }
+            if($("#class_id_three").val()){
+                data_["class_id2/eq"] = $("#class_id_three").val()
+            }
+            $.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
+                if (res.code == 0) {
+                    var dataArr = res.data.lists || [];
+                    $(".search_result_count").html(res.data.total || 0)
+                    if (dataArr.length == 0) {
+                        tool.NoData(".data-td")
+                        return
+                    }
+                    var json_ = {
+                        data: dataArr
+                    }
+                    var html = template('DataTmp', json_);
+                    $(".data-td").html(html);
+                    //阶梯价格 合计价格初始化
+                    $(".data-td .td-group").each(function () {
+                        class_p.onePriceRow($(this))
+                    })
+                    //分页初始化
+                    $('.M-pagebox').pagination({
+                        coping: false,
+                        homePage: '<<',
+                        endPage: '>>',
+                        totalData: res.data.total,
+                        showData: res.data.page_size,
+                        current: res.data.page
+                    });
+                } else {
+                    tool.NoData(".data-td")
+                    liexin_pop.Tip({ title: res.msg })
+                }
+            })
+        },
+        handle: function () {
+            //搜索BTN
+            $(".searchbq").click(function(){
+                class_p.getData()
+            })
+            //重置
+            $(".resetst").click(function(){
+                $(".classsearchvals").val("");
+                $(".eqsort").removeClass("act")
+            })
+            //排序操作
+            $(".checksearchsz").click(function () {
+                $(this).toggleClass("act")
+                class_p.getData()
+            })
+            //品牌匹配
+            $("body").on("input", '.brandvals', tool.debounce(function (e) {
+                $(".brandvals").attr("guid","")
+                if(!$(this).val()){
+                    $(".brand-box .bcon").hide();
+                    return
+                }
+                $.liexin_ajax('/api/brand/list', 'GET', { brand_name: $(this).val() }, function (res) {
+                    if (res.code == 0) {
+                        var arr_=res.data||[];
+                        if(arr_.length==0){
+                            $(".brand-box .bcon").hide();
+                            return
+                        }
+                        var html_="";
+                        for(var i=0;i<arr_.length;i++){
+                            html_+='<p class="itembranssearch" guid="'+arr_[i].standard_brand_id+'">'+arr_[i].brand_name_en+'</p>'
+                        }
+                        $(".brand-box .bcon").html(html_).show()
+                    } else {
+                        $(".brand-box .bcon").hide();
+                        liexin_pop.Tip({ title: res.msg })
+                    }
+                })
+
+            }, 300))
+
+            $("body").on("click",".itembranssearch",function(){
+                $(".brandvals").val($(this).text()).attr("guid",$(this).attr("guid"))
+                $(".brand-box .bcon").hide();
+            })
+            //输入数量
+            $("body").on("input", '.valuepSearch', tool.debounce(function (e) {
+                var num = $(this).val();
+                var max_num = Number($(this).attr("maxNum"));
+                var min_num = Number($(this).attr("minNum"));
+                if (num > max_num) {
+                    $(this).val(max_num)
+                    liexin_pop.Tip({ title: "At Most " + max_num })
+                    return
+                }
+                if (num < min_num) {
+                    $(this).val(min_num)
+                    liexin_pop.Tip({ title: "At Least " + min_num })
+                    return
+                }
+
+            }, 300))
+            //加购物车
+            $("body").on("click", ".addCarSearch", function () {
+                var data_ = [{
+                    goods_id: $(this).attr("goods_id"),
+                    buy_number: $(this).prev(".valuepSearch").val()
+                }]
+                $.liexin_ajax('/api/cart/saveCart', 'POST', { items: JSON.stringify(data_) }, function (res) {
+                    if (res.code == 0) {
+                        liexin_pop.Tip({ title: res.msg })
+                        tool.getCarNum()
+                    } else {
+
+                        liexin_pop.Tip({ title: res.msg })
+                    }
+                })
+            })
+        },
+        //单条数据 计算阶梯价  计算合计价 自营供应商库存处理
+        onePriceRow: function (obj) {
+            var value_ = Number(obj.find(".valuep").val());//当前数量
+            //阶梯价格选中
+            obj.find(".price-group").each(function () {
+                var pus = $(this).attr("purchases")
+                var next_pus = $(this).next().attr("purchases")
+                var prev_pus = $(this).prev().attr("purchases")
+                obj.find(".price-group").removeClass("act")
+                if (value_ == pus) {
+                    $(this).addClass("act");
+                    return false;
+                }
+                if ($(this).index() == 0) {
+                    //第一个阶梯
+
+                    if (value_ > pus) {
+                        $(this).addClass("act");
+                        return false;
+                    }
+                }
+                if ($(this).index() == obj.find(".jt-group").length - 1) {
+                    //最后一个阶梯
+                    if (value_ < pus) {
+                        $(this).addClass("act");
+                        return false;
+                    }
+                }
+
+                if (value_ < pus && value_ > next_pus) {
+                    $(this).next().addClass("act")
+                    return false;
+                }
+                if (value_ > pus && value_ < prev_pus) {
+                    $(this).addClass("act")
+                    return false;
+                }
+            })
+
+
+            //计算合计价格
+            var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
+            obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
+        },
+        pagehandle: function () {
+            $("body").on("click", ".M-pagebox a", function () {
+                if ($(this).attr("data-page")) {
+                    class_p.page = $(this).attr("data-page");
+                } else {
+                    if ($(this).hasClass("prev")) {
+                        class_p.page = class_p.page - 1;
+                    } else if ($(this).hasClass("next")) {
+                        class_p.page = class_p.page + 1;
+                    }
+                }
+                class_p.getData();
+        })
+
+        },
+    }
+module.exports = class_p.init();
+})
+
+
+seajs.use(['class_p'])
\ No newline at end of file

public/assets/js/common/mallUi.js

@@ -30,7 +30,8 @@ define('mallUi', ['tool', 'liexin_pop'], function (require, exports, module) {
                     }
                 })
             })
-
+            tool.getCarNum();
+            /**上面官网商城通用**/
             
             //官网
             $(".gw-header-top .topclose").click(function () {

public/assets/js/common/tool.js

@@ -61,6 +61,16 @@ define(function (require, exports, module) {
        $(ele).html('<div class="row verCenter rowCenter" style="height:150px;color:#555;">No Data</div>')
        $(ele).next(".M-pagebox").hide();
     }
+    //获取购物车数量
+    module.exports.getCarNum = function () {
+        $.liexin_ajax('/api/cart/cartMyCount', 'POST', {}, function (res) {
+            if (res.code == 0) {
+               $(".carNumxs").html(res.data||0)
+            } else {
+                liexin_pop.Tip({ title: res.msg })
+            }
+        },1)
+     }
     
    
 });
\ No newline at end of file

public/assets/js/search/search.js

-define('search', ['tool', 'liexin_pop','artTemplate','pagination'], function (require, exports, module) {
+define('search', ['tool', 'liexin_pop', 'artTemplate', 'pagination'], function (require, exports, module) {
     var tool = require("tool");
     var liexin_pop = require("liexin_pop");
     var artTemplate = require("artTemplate");
     var pagination = require('pagination');
     var search = {
-        page:1,
-        limit:10,
+        page: 1,
+        limit: 10,
         init: function () {
             search.handle();
+            search.pagehandle();
             search.getData()
         },
-        getData:function(){
-            var data_={
-                page:search.page,
-                page_size:search.limit
+        getData: function () {
+            var data_ = {
+                page: search.page,
+                page_size: search.limit
             }
-            if($(".eqsort").hasClass("act")){
-                data_["goods_name/eq"]=$(".mallsearchvalx").val()
-            }else{
-                data_["goods_name/like"]=$(".mallsearchvalx").val()
+            if ($(".eqsort").hasClass("act")) {
+                data_["goods_name/eq"] = $(".mallsearchvalx").val()
+            } else {
+                data_["goods_name/like"] = $(".mallsearchvalx").val()
             }
-            if($(".stockSort").hasClass("act")){
-                data_["stock/gte"]=1
+            if ($(".stockSort").hasClass("act")) {
+                data_["stock/gte"] = 1
             }
 
-            if($(".storeitems").hasClass("act")){
-                if($(".storeitems").hasClass("top")){
-                    data_["stock/sort"]="asc"
-                }else{
-                    data_["stock/sort"]="desc"
+            if ($(".storeitems").hasClass("act")) {
+                if ($(".storeitems").hasClass("top")) {
+                    data_["stock/sort"] = "asc"
+                } else {
+                    data_["stock/sort"] = "desc"
                 }
             }
-            if($(".priceitems").hasClass("act")){
-                if($(".priceitems").hasClass("top")){
-                    data_["single_price/sort"]="asc"
-                }else{
-                    data_["single_price/sort"]="desc"
+            if ($(".priceitems").hasClass("act")) {
+                if ($(".priceitems").hasClass("top")) {
+                    data_["single_price/sort"] = "asc"
+                } else {
+                    data_["single_price/sort"] = "desc"
                 }
             }
-            $.liexin_ajax(SO_URL+'/semour/skuLists', 'POST',data_, function (res) {
-                console.log(res)
+            $.liexin_ajax(SO_URL + '/semour/skuLists', 'POST', data_, function (res) {
                 if (res.code == 0) {
-                    var dataArr=res.data.lists||[];
-                    $(".searchCount").html(res.data.total||0)
-                    if(dataArr.length==0){
+                    var dataArr = res.data.lists || [];
+                    $(".searchCount").html(res.data.total || 0)
+                    if (dataArr.length == 0) {
                         tool.NoData(".data-td")
                         return
                     }
-                    var json_={
-                        data:dataArr
+                    var json_ = {
+                        data: dataArr
                     }
                     var html = template('DataTmp', json_);
                     $(".data-td").html(html);
+                    //阶梯价格 合计价格初始化
+                    $(".data-td .td-group").each(function () {
+                        search.onePriceRow($(this))
+                    })
                     //分页初始化
                     $('.M-pagebox').pagination({
                         coping: false,
@@ -69,29 +73,106 @@ define('search', ['tool', 'liexin_pop','artTemplate','pagination'], function (re
         },
         handle: function () {
             //排序操作
-            $(".checksearchsz").click(function(){
+            $(".checksearchsz").click(function () {
                 $(this).toggleClass("act")
                 search.getData()
             })
 
-            $(".sort-item").click(function(){
+            $(".sort-item").click(function () {
                 $(".sort-item").removeClass("act");
                 $(this).addClass("act");
-                if($(this).hasClass("topbomsd")){
-                    if($(this).hasClass("top")){
+                if ($(this).hasClass("topbomsd")) {
+                    if ($(this).hasClass("top")) {
                         $(this).removeClass("top")
                         $(this).addClass("bottom")
-                    }else{
+                    } else {
                         $(this).addClass("top")
                         $(this).removeClass("bottom")
                     }
                 }
                 search.getData()
             })
+            //输入数量
+
+            $("body").on("input", '.valuepSearch', tool.debounce(function (e) {
+                var num = $(this).val();
+                var max_num=Number($(this).attr("maxNum"));
+                var min_num=Number($(this).attr("minNum"));
+                if(num>max_num){
+                    $(this).val(max_num)
+                    liexin_pop.Tip({ title: "At Most "+max_num })
+                    return
+                }
+                if(num<min_num){
+                    $(this).val(min_num)
+                    liexin_pop.Tip({ title: "At Least "+min_num })
+                    return
+                }
+                
+            }, 300))
+            //加购物车
+            $("body").on("click",".addCarSearch",function(){
+                var data_=[{
+                    goods_id:$(this).attr("goods_id"),
+                    buy_number:$(this).prev(".valuepSearch").val()
+                }]
+                $.liexin_ajax('/api/cart/saveCart', 'POST', {items:JSON.stringify(data_)}, function (res) {
+                    if (res.code == 0) {
+                        liexin_pop.Tip({ title: res.msg })
+                        tool.getCarNum()
+                    } else {
+                      
+                        liexin_pop.Tip({ title: res.msg })
+                    }
+                })
+            })
         },
-        page: function () {
-            $(".M-pagebox a").unbind("click").click(function () {
+        //单条数据 计算阶梯价  计算合计价 自营供应商库存处理
+        onePriceRow: function (obj) {
+            var value_ = Number(obj.find(".valuep").val());//当前数量
+            //阶梯价格选中
+            obj.find(".price-group").each(function () {
+                var pus = $(this).attr("purchases")
+                var next_pus = $(this).next().attr("purchases")
+                var prev_pus = $(this).prev().attr("purchases")
+                obj.find(".price-group").removeClass("act")
+                if (value_ == pus) {
+                    $(this).addClass("act");
+                    return false;
+                }
+                if ($(this).index() == 0) {
+                    //第一个阶梯
 
+                    if (value_ > pus) {
+                        $(this).addClass("act");
+                        return false;
+                    }
+                }
+                if ($(this).index() == obj.find(".jt-group").length - 1) {
+                    //最后一个阶梯
+                    if (value_ < pus) {
+                        $(this).addClass("act");
+                        return false;
+                    }
+                }
+
+                if (value_ < pus && value_ > next_pus) {
+                    $(this).next().addClass("act")
+                    return false;
+                }
+                if (value_ > pus && value_ < prev_pus) {
+                    $(this).addClass("act")
+                    return false;
+                }
+            })
+            
+
+            //计算合计价格
+            var ac_price = obj.find(".price-group.act").find(".jtpc").text().replace(/\s/g, "")
+            obj.find(".totalrow").text(((ac_price * value_) || 0).toFixed(2))
+        },
+        pagehandle: function () {
+            $("body").on("click", ".M-pagebox a", function () {
                 if ($(this).attr("data-page")) {
                     search.page = $(this).attr("data-page");
                 } else {

resources/views/about/certification.blade.php

@@ -28,6 +28,14 @@
                     <div class="text"><i class="icon iconfont icon-lansejiantou ijt"></i></div>
                 </div>
                 <div class="item item1 boxsiz itemlast">
+                    <p>&nbsp;</p>
+                    <div class="column verCenter rowCenter imgbox">
+                        <img src="{{$public}}/assets/images/about/app1.png" class="st" alt="">
+                        <img src="{{$public}}/assets/images/about/app2.png" class="ht" alt="">
+                    </div>
+                    <div class="text"><i class="icon iconfont icon-lansejiantou ijt"></i></div>
+                </div>
+                <div class="item item1 boxsiz itemlast">
                     <p>ISO9001：2015</p>
                     <div class="column verCenter rowCenter imgbox">
                         <img src="{{$public}}/assets/images/about/ht2.png" class="st" alt="">

resources/views/brand/list.blade.php

@@ -9,22 +9,22 @@
     @include('common.mallHeaderNav')
     <div class="brandlist w1200">
         <div class="bread-menu row boxsiz">
-            <a href="">Home</a>
+            <a href="/mall">Home</a>
             <i>></i>
-            <a href="">Manufacturers</a>
+            <a href="/brand/map">Manufacturers</a>
             <i>></i>
-            <span>NXP</span>
+            <span id="brandvalxsp" guid="{{$brand['standard_brand_id']}}">{{$brand['brand_name_en']}}</span>
         </div>
         <div class="cons">
-           <div class="namebox">NXP Semiconductors</div>
+            <div class="namebox">{{$brand['brand_name_en']}}</div>
             <div class="listcon boxsiz w1200">
                 <div class="stbox">
-                <div>The Results of NXP Semiconductors <span class="searchCount">26</span></div>
+                    <div>The Results of {{$brand['brand_name_en']}} <span class="brandlistCount">0</span></div>
                     <div class="row shifth">
                         <div class="sort-item">
                             <div>All Listings</div>
                         </div>
-                    <div class="sort-item act top">
+                        <div class="sort-item storeitems topbomsd ">
                             <div>Availability</div>
                             <span class="tp">
                                 <i class="icon iconfont icon-a-sanjiaoxing-xiantiaofan kx"></i>
@@ -35,7 +35,8 @@
                                 <span class="icon iconfont icon-sanjiaoxing-tianchong sx"></span>
                             </span>
                         </div>
-                    <div class="sort-item act bottom">
+
+                        <div class="sort-item priceitems topbomsd  ">
                             <div>Prices</div>
                             <span class="tp">
                                 <i class="icon iconfont icon-a-sanjiaoxing-xiantiaofan kx"></i>
@@ -46,21 +47,21 @@
                                 <span class="icon iconfont icon-sanjiaoxing-tianchong sx"></span>
                             </span>
                         </div>
-                    <div class="check-group row verCenter act">
+                        <div class="check-group eqsort row checksearchsz verCenter ">
                             <div class="check">
                                 <i class="icon iconfont icon-gou"></i>
                             </div>
                             <p>Exact Match</p>
                         </div>
-                    <div class="check-group row verCenter ">
+                        <div class="check-group stockSort checksearchsz row verCenter ">
                             <div class="check">
                                 <i class="icon iconfont icon-gou"></i>
                             </div>
                             <p>Show what's available</p>
                         </div>
                         <div class="search-shit boxsiz">
-                        <span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
-                        <input type="text" placeholder="Search in the results">
+                            <span class="icon searchbq"><i class="icon iconfont icon-shouyesousuo"></i></span>
+                            <input type="text" placeholder="Search in the results" class="mallbrandlistvalx">
                         </div>
                     </div>
                 </div>
@@ -74,55 +75,67 @@
                         <div class="th">Options</div>
                     </div>
                     <div class="data-td">
-                    <div class="td-group boxsiz row">
+                       
+
+                    </div>
+                    <div class="M-pagebox"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    @include('common.mallFooter')
+</div>
+@endsection
+
+
+@verbatim
+<script id="DataTmp" type="text/html">
+{{each data value index}}
+<div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
     <div class="td w180">
-                            <a href="" class="goodsname">RC0603JR-0710KL</a>
-                            <div class="copyname">
+        <a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
+        <div class="copyname" goods_name="{{value.goods_name}}">
             <i class="icon iconfont icon-fuzhi"></i>
         </div>
     </div>
     <div class="td w180">
-                            Texas Instruments
-                            <div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
+        {{value.brand_name}}
+        {{if value.pdf}}
+        <a class="pdflink" href="{{value.pdf}}" target="_blank"> <i class="icon iconfont icon-PDF"></i></a>
+        {{/if}}
     </div>
     <div class="td w280">
-                            <div> Availability：10000</div>
-                            <div> Min：100 <span class="mult">Mult：100</span></div>
-                            <div> Full Reel：2500</div>
+        <div> Availability：{{value.stock}}</div>
+        <div> Min：{{value.moq}} <span class="mult">Mult：{{value.mult}} </span></div>
+        <div> Full Reel：{{value.mpq}} </div>
     </div>
-                        <div class="td w140">2-5 Weeks</div>
+    <div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
     <div class="th w180">
         <div class="price-jt">
-                                <div class="price-group row">
-                                    <div class="jtpr">5000+</div>
-                                    <div class="jtpc">$22.2222</div>
-                                </div>
-                                <div class="price-group row">
-                                    <div class="jtpr">50+</div>
-                                    <div class="jtpc">$2222.2222</div>
+            {{each value['ladder_price'] val i}}
+                <div class="price-group row" purchases="{{val.purchases}}">
+                    <div class="jtpr">{{val.purchases}}+</div>
+                    <div class="jtpc">${{val.price_us}}</div>
                 </div>
-                               
+            {{/each}}
+            {{if !value['ladder_price']|| value['ladder_price'].length==0}}
+            &nbsp;
+            {{/if}}
         </div>
     </div>
     <div class="td">
         <div class="input-box ">
-                                <input type="text" class="valuep" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
-                                <div class="addCar">Add</div>
+            <input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
+            <div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
         </div>
         <div class="total-price">
-                                Total：$144.5
-                            </div>
-                        </div>
-                    </div>
-                    
-                </div>
-            </div>
+            Total：$<span class="totalrow">0.00</span>
         </div>
     </div>
-    </div>
-    @include('common.mallFooter')
 </div>
-@endsection
+{{/each}}
+</script>
+@endverbatim
 
 @section('js')
 <script src="{{$public}}/assets/js/brand/list.js?v={{time()}}"></script>

resources/views/classification/index.blade.php

@@ -9,7 +9,7 @@
     @include('common.mallHeaderNav')
     <div class="classbox w1200">
       <div class="bread-menu row boxsiz">
-        <a href="">Home</a>
+        <a href="/mall">Home</a>
         @if(!empty($crumbs['second_class']))
           <i>></i>
           <a href="/class/{{$crumbs['second_class']['class_id']}}">{{$crumbs['second_class']['class_name_en']}}</a>
@@ -19,23 +19,26 @@
           <span>{{$crumbs['third_class']['class_name_en']}}</span>
         @endif
       </div>
-      <div class="class-three-box boxsiz">
-        <div class="chead boxsiz">{{$classification['class_name_en']}}</div>
+      <input type="hidden"  id="class_id_two" value="{{$crumbs['second_class']['class_id']??''}}">
+      <input type="hidden"  id="class_id_three" value="{{$crumbs['third_class']['class_id']??''}}">
       @if(!empty($classification['children']))
+      <div class="class-three-box boxsiz">
+        <div class="chead boxsiz">{{$classification['class_name_en']}}({{$classification['sku_number']}})</div>
+       
           <div class="csec boxsiz clear">
             @foreach($classification['children'] as $class)
-              <a href="/class/{{$class['class_id']}}">{{$class['class_name_en']}}</a>
+              <a href="/class/{{$class['class_id']}}">{{$class['class_name_en']}}({{$class['sku_number']}})</a>
             @endforeach
           </div>
-        @endif
       </div>
+      @endif
 
         <div class="shit-box boxsiz">
             <p class="titletext">Manufacturer</p>
             <div class="shift-con row boxsiz">
                 <div class="brand-box">
                     <span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
-                    <input type="text" placeholder="search">
+                    <input type="text" placeholder="search" class="brandvals">
                     <div class="bcon boxsiz">
                         <p>TI</p>
                     </div>
@@ -45,18 +48,18 @@
 
         <div class="listcon boxsiz w1200">
             <div class="row p25 bothSide">
-                <div class="countshead">Filtering results：19452</div>
+                <div class="countshead">Filtering results：<span class="search_result_count">0</span></div>
                 <div class="butcon row">
-                    <div class="but">Search</div>
-                    <div class="but">Reset</div>
+                    <div class="but searchbq">Search</div>
+                    <div class="but resetst">Reset</div>
                 </div>
             </div>
             <div class="row p25 mb20">
                 <div class="search-shit boxsiz">
-                    <span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
-                    <input type="text" placeholder="search">
+                    <span class="icon searchbq"><i class="icon iconfont icon-shouyesousuo"></i></span>
+                    <input type="text" placeholder="search" class="classsearchvals">
                 </div>
-                <div class="check-group row verCenter ">
+                <div class="check-group row verCenter eqsort checksearchsz">
                     <div class="check">
                         <i class="icon iconfont icon-gou"></i>
                     </div>
@@ -73,54 +76,65 @@
                     <div class="th">Options</div>
                 </div>
                 <div class="data-td">
-                    <div class="td-group boxsiz row">
+                </div>
+                <div class="M-pagebox"></div>
+            </div>
+        </div>
+    </div>
+    @include('common.mallFooter')
+</div>
+@endsection
+
+
+
+@verbatim
+<script id="DataTmp" type="text/html">
+{{each data value index}}
+<div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
     <div class="td w180">
-                            <a href="" class="goodsname">RC0603JR-0710KL</a>
-                            <div class="copyname">
+        <a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
+        <div class="copyname" goods_name="{{value.goods_name}}">
             <i class="icon iconfont icon-fuzhi"></i>
         </div>
     </div>
     <div class="td w180">
-                            Texas Instruments
-                            <div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
+        {{value.brand_name}}
+        {{if value.pdf}}
+        <a class="pdflink" href="{{value.pdf}}" target="_blank"> <i class="icon iconfont icon-PDF"></i></a>
+        {{/if}}
     </div>
     <div class="td w280">
-                            <div> Availability：10000</div>
-                            <div> Min：100 <span class="mult">Mult：100</span></div>
-                            <div> Full Reel：2500</div>
+        <div> Availability：{{value.stock}}</div>
+        <div> Min：{{value.moq}} <span class="mult">Mult：{{value.mult}} </span></div>
+        <div> Full Reel：{{value.mpq}} </div>
     </div>
-                        <div class="td w140">2-5 Weeks</div>
+    <div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
     <div class="th w180">
         <div class="price-jt">
-                                <div class="price-group row">
-                                    <div class="jtpr">5000+</div>
-                                    <div class="jtpc">$22.2222</div>
+            {{each value['ladder_price'] val i}}
+                <div class="price-group row" purchases="{{val.purchases}}">
+                    <div class="jtpr">{{val.purchases}}+</div>
+                    <div class="jtpc">${{val.price_us}}</div>
                 </div>
-                                <div class="price-group row">
-                                    <div class="jtpr">50+</div>
-                                    <div class="jtpc">$2222.2222</div>
-                                </div>
-
+            {{/each}}
+            {{if !value['ladder_price']|| value['ladder_price'].length==0}}
+            &nbsp;
+            {{/if}}
         </div>
     </div>
     <div class="td">
         <div class="input-box ">
-                                <input type="text" class="valuep" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
-                                <div class="addCar">Add</div>
+            <input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
+            <div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
         </div>
         <div class="total-price">
-                                Total：$144.5
-                            </div>
+            Total：$<span class="totalrow">0.00</span>
         </div>
     </div>
-
-                </div>
-            </div>
-        </div>
-    </div>
-    @include('common.mallFooter')
 </div>
-@endsection
+{{/each}}
+</script>
+@endverbatim
 
 @section('js')
 <script src="{{$public}}/assets/js/class/class.js?v={{time()}}"></script>

resources/views/common/headerNav.blade.php

@@ -27,7 +27,7 @@
                 </div>
                 @endif
                 <a href="/search" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a>
-                <a href="/car" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a>
+                <a href="/car" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span class="carNum carNumxs">0</span></a>
             </div>
             
             <div class="grb-bottom clr">

resources/views/common/mallFooter.blade.php

 <div class="mall-footer">
     <div class="floor1 w1200">
     <div class="row">
-            <div class="itemf3 trl"><b>30+</b>sku</div>
-            <div class="itemf3 trr"><b>5000+</b>Suppliers</div>
+            <div class="itemf3 trl bgbts1"><b>30+</b>sku</div>
+            <div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
         </div>
         <div class="row">
-            <div class="itemf3 trl"><b>3000+</b> Brands</div>
-            <div class="itemf3 trr"><b>1000+</b>Catalog</div>
+            <div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
+            <div class="itemf3 trr bgbts4"><b>1000+</b>Catalog</div>
         </div>
     </div>
     <div class="floor2 w1200 bannerEle">

resources/views/common/mallHeaderNav.blade.php

@@ -6,7 +6,7 @@
                 <input type="text" class="searchvalx mallsearchvalx" placeholder="Enter part #" value="{{request()->get('keyword')}}">
                 <div class="searchbtnx boxsiz mallsearchbtnx"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
             </div>
-            <a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
+            <a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum carNumxs">0</span></a>
             @if(!empty($_COOKIE['sem_email']))
             <div class="login-head-box yesLogin">
                 <a href="/user/order" class="row">

resources/views/home/home.blade.php

@@ -15,6 +15,7 @@
                 <p>BE THE BEST PART</p>
                 <p>OF YOURS</p>
                 <p class="p24">WHY CHOOSE SEMOUR?</p>
+                <img src="{{$public}}/assets/images/home/mallgif.gif" alt="">
             </div>
             <div class="fl1botbox row rowCenter">
                 <a class="ftitem">
@@ -42,19 +43,16 @@
         </div>
     </div>
     <div class="floor2">
-        <div class="f2con">
-            Not only <b>SEMOUR</b> is offering electronic components for your supply chain
-            <div>But also it is a solution provider for the electronic industrial chain</div>
-        </div>
+        <video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls></video>
     </div>
     <div class="floor3">
         <div class="row">
-            <div class="itemf3 trl"><b>30+</b>sku</div>
-            <div class="itemf3 trr"><b>5000+</b>Suppliers</div>
+            <div class="itemf3 trl bgbts1"><b>30+</b>sku</div>
+            <div class="itemf3 trr bgbts2"><b>5000+</b>Suppliers</div>
         </div>
         <div class="row">
-            <div class="itemf3 trl"><b>3000+</b> Brands</div>
-            <div class="itemf3 trr"><b>1000+</b>Catalog</div>
+            <div class="itemf3 trl bgbts3"><b>3000+</b> Manufacturers</div>
+            <div class="itemf3 trr bgbts4"><b>1000+</b>Catalog</div>
         </div>
     </div>
     <div class="floor4">

resources/views/mall/index.blade.php

@@ -10,7 +10,7 @@
     <div class="w1200 mallindex">
         <div class="floor1 row">
             <div class="f1left boxsiz"></div>
-            <div class="f1right">轮播图</div>
+            <div class="f1right"></div>
         </div>
         <div class="floor2 row  ">
             <a class="item boxsiz row verCenter">
@@ -42,7 +42,7 @@
             </a>
         </div>
         <div class="floor3">
-           
+           <video src="{{$public}}/assets/images/home/mallvadeo.mp4" width="1200" autoplay loop controls></video>
         </div>
     </div>
     @include('common.mallFooter')

resources/views/search/index.blade.php

@@ -85,43 +85,45 @@
 @verbatim
 <script id="DataTmp" type="text/html">
 {{each data value index}}
-<div class="td-group boxsiz row">
+<div class="td-group boxsiz row" goods_id="{{value.goods_id}}">
     <div class="td w180">
-        <a href="" class="goodsname">RC0603JR-0710KL</a>
-        <div class="copyname">
+        <a href="/sku/{{value.goods_id}}" class="goodsname">{{value.goods_name}}</a>
+        <div class="copyname" goods_name="{{value.goods_name}}">
             <i class="icon iconfont icon-fuzhi"></i>
         </div>
     </div>
     <div class="td w180">
-        Texas Instruments
-        <div class="pdflink"> <i class="icon iconfont icon-PDF"></i></div>
+        {{value.brand_name}}
+        {{if value.pdf}}
+        <a class="pdflink" href="{{value.pdf}}" target="_blank"> <i class="icon iconfont icon-PDF"></i></a>
+        {{/if}}
     </div>
     <div class="td w280">
-        <div> Availability：10000</div>
-        <div> Min：100 <span class="mult">Mult：100</span></div>
-        <div> Full Reel：2500</div>
+        <div> Availability：{{value.stock}}</div>
+        <div> Min：{{value.moq}} <span class="mult">Mult：{{value.mult}} </span></div>
+        <div> Full Reel：{{value.mpq}} </div>
     </div>
-    <div class="td w140">2-5 Weeks</div>
+    <div class="td w140">{{value.hk_delivery_time||"&nbsp;"}}</div>
     <div class="th w180">
         <div class="price-jt">
-            <div class="price-group row">
-                <div class="jtpr">5000+</div>
-                <div class="jtpc">$22.2222</div>
+            {{each value['ladder_price'] val i}}
+                <div class="price-group row" purchases="{{val.purchases}}">
+                    <div class="jtpr">{{val.purchases}}+</div>
+                    <div class="jtpc">${{val.price_us}}</div>
                 </div>
-            <div class="price-group row">
-                <div class="jtpr">50+</div>
-                <div class="jtpc">$2222.2222</div>
-            </div>
-
+            {{/each}}
+            {{if !value['ladder_price']|| value['ladder_price'].length==0}}
+            &nbsp;
+            {{/if}}
         </div>
     </div>
     <div class="td">
         <div class="input-box ">
-            <input type="text" class="valuep" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
-            <div class="addCar">Add</div>
+            <input type="text" class="valuep valuepSearch" minNum="{{value.moq}}" maxNum="{{value.max_buy_stock}}" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">
+            <div class="addCar addCarSearch" goods_id="{{value.goods_id}}">Add</div>
         </div>
         <div class="total-price">
-            Total：$144.5
+            Total：$<span class="totalrow">0.00</span>
         </div>
     </div>
 </div>

routes/web.php

@@ -40,7 +40,7 @@ Route::get('/about/termuser', 'AboutController@termuser')->name('about.termuser'
 Route::get('/about/refund', 'AboutController@refund')->name('about.refund');
 
 Route::get('/mall', 'MallController@index')->name('mall.index');
-Route::get('/sku', 'SkuController@detail')->name('sku.detail');
+Route::get('/sku/{goods_id}', 'SkuController@detail')->name('sku.detail');
 Route::get('/class/{class_id}', 'ClassificationController@index')->name('classification.index');
 Route::get('/brand/map', 'BrandController@map')->name('brand.map');
 Route::get('/brand/{id}', 'BrandController@info')->name('brand.info');