Skip to content

semour / semour_web

Go to a project
Commit 2f25ff21 by 肖康
Options

弹窗询价 登陆弹窗 页面 全局导航交互

parent cd3850d8
Inline Side-by-side
Showing with 503 additions and 118 deletions
app/helpers.php
......@@ -104,7 +104,7 @@ function getMaxBuyStock($stock,$multiple,$ladder_price){
/*
* 获取汇率，兑换人民币汇率
*/
public function getRate($k = "美元")
function getRate($k = "美元")
{
$redis = Redis::connection();
return $redis->hget('erp_rate', $k);
......
public/assets/css/auth/loginbox.less
.loginbox{
width:360px;
background: rgba(255,255,255,0.3);
border-radius: 0px 0px 16px 16px;
padding:10px 40px;
p.headtips{
......
public/assets/css/common/base.less
......@@ -67,6 +67,7 @@ textarea {
font-weight : normal;
list-style : none;
outline : none;
resize: none;
}
table,
......
public/assets/css/common/base.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}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}.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}
\ 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}.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}
\ No newline at end of file
public/assets/css/common/common.less
......@@ -314,7 +314,6 @@
}
/**商城公用样式**/
.mallpage {
background: #fafafa;
......@@ -988,4 +987,5 @@
}
}
}
}
\ No newline at end of file
}
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}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}.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}.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}.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}.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
public/assets/css/common/pop.less
......@@ -89,8 +89,8 @@
right:0;
.pop-show-con{
background:rgba(1, 22, 51, 0.6);
backdrop-filter: blur(5px);
background:#4e5263;
// backdrop-filter: blur(5px);
border-radius: 16px;
margin:0 auto;
position: relative;
......@@ -117,6 +117,17 @@
}
}
&.pop-show-box-login{
.pop-head{
margin-bottom: 0px;
}
.pop-show-con{
.inputboxp {background: none;}
}
}
}
/**自定义弹窗 表单样式**/
......@@ -251,3 +262,85 @@
margin-bottom: 5px;
}
}
/**全站询价弹窗**/
.allInquiryPop{
box-sizing: border-box;
padding:0 15px;
.inquirygrouplabel{
width: 570px;
div.labels{
width:190px;
box-sizing: border-box;
padding-left: 10px;
font-size: 14px;
color:#fff;
i{color:#F68332;}
}
margin-bottom: 9px;
}
.inquirygroupinputs{
width: 570px;
height: 30px;
background: #041135;
border: 1px solid #FFFFFF;
opacity: 0.65;
border-radius: 8px;
position: relative;
margin-bottom: 2px;
.inquiryadddelbox{
position: absolute;
right: -210px;
width: 200px;
height:30px;
line-height: 30px;
b{color:rgba(255,255,255,0.7);font-size: 20px;}
.ibts{
color:#F68332;
cursor: pointer;
font-size: 16px;
margin-left: 10px;
&.addibts{
color:#5569FD;
b{position: relative;top:1px;}
}
}
}
input{
border-radius: 0px;
border:0px;
box-sizing: border-box;
width:190px;
height:20px;
line-height: 20px;
border-radius: 8px;
border-right: 1px dashed rgba(255,255,255,0.1);
}
}
.inquiry-input-group{
margin-top: 14px;
.labelp{
font-size: 14px;
color:#fff;
margin-bottom: 9px;
}
textarea{
width:570px;
height:48px;
}
}
.submitInquiry{
width: 300px;
height: 32px;
border: 2px solid #5569FD;
border-radius: 8px;
color:#5569FD;
line-height: 32px;
text-align: center;
cursor: pointer;
margin:0 auto;
margin-top: 30px;
}
}
public/assets/css/common/pop.min.css
.pop-tip{height:32px;background:rgba(0,0,0,0.5);text-align:center;font-size:14px;line-height:32px;font-weight:bold;position:fixed;top:150px;color:#fff;z-index:99999;display:block}.pop-tip .tip-con{padding-left:20px;padding-right:20px;min-width:84px}.pop-loding{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999999}.pop-loding img{position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px}.pop-confirm{width:510px;padding:25px;padding-bottom:40px;background:rgba(1,22,51,0.6);border-radius:8px;position:fixed;z-index:99999;top:50%;left:50%;margin-left:-280px;margin-top:-175px;color:#fff}.pop-confirm .phead{font-size:22px;text-align:right}.pop-confirm .phead i{cursor:pointer}.pop-confirm .pbody{font-size:22px;text-align:center;padding-top:70px;height:120px;line-height:24px}.pop-confirm .pfoot .but{width:110px;height:48px;border:1px solid #FFFFFF;border-radius:6px;line-height:48px;text-align:center;color:#FAFAFA;font-size:18px;cursor:pointer}.pop-confirm .pfoot .but.sure{color:#164D9A;background:#fff;margin-left:92px}.pop-confirm .pfoot .but.cancel{color:#fff;background:none}.pop-show-box{position:fixed;z-index:9999;top:0;left:0;bottom:0;right:0}.pop-show-box .pop-show-con{background:rgba(1,22,51,0.6);backdrop-filter:blur(5px);border-radius:16px;margin:0 auto;position:relative;box-sizing:border-box;padding-bottom:30px}.pop-show-box .pop-show-con .pop-head{height:50px;color:#fff;font-size:20px;font-weight:bold;margin-bottom:25px}.pop-show-box .pop-show-con .pop-head span{position:relative;top:30px;left:37px}.pop-show-box .pop-show-con .pop-head p{color:#fff;float:right;cursor:pointer;position:relative;top:16px;left:-16px}.pop-show-box .pop-show-con .pop-body{padding:0 30px}.inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.inputboxp .input-con{padding:0 20px}.inputboxp .input-con .input-group-auth{margin-bottom:15px}.inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.inputboxp .input-con .input-group-auth input,.inputboxp .input-con .input-group-auth select{width:320px}.inputboxp .input-con .input-group-auth textarea{width:670px;height:48px;line-height:24px}.inputboxp .input-con .input-group-auth.sm input{width:146px}.inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.inputboxp .subbtn{height:20px}.inputboxp .subbtn .gobtn{position:relative;left:-81px}.inputboxp .subbtn .choose{position:relative;top:23px;color:#fff;font-size:14px;cursor:pointer}.inputboxp .subbtn .choose div.chooseicon{width:16px;height:16px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-right:6px;position:relative}.inputboxp .subbtn .choose.act .chooseicon::after{content:"";position:absolute;width:14px;height:14px;background:#283FEB;top:1px;left:1px}.inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:105x;margin-bottom:5px}
\ No newline at end of file
.pop-tip{height:32px;background:rgba(0,0,0,0.5);text-align:center;font-size:14px;line-height:32px;font-weight:bold;position:fixed;top:150px;color:#fff;z-index:99999;display:block}.pop-tip .tip-con{padding-left:20px;padding-right:20px;min-width:84px}.pop-loding{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999999}.pop-loding img{position:absolute;top:50%;left:50%;margin-left:-18px;margin-top:-18px}.pop-confirm{width:510px;padding:25px;padding-bottom:40px;background:rgba(1,22,51,0.6);border-radius:8px;position:fixed;z-index:99999;top:50%;left:50%;margin-left:-280px;margin-top:-175px;color:#fff}.pop-confirm .phead{font-size:22px;text-align:right}.pop-confirm .phead i{cursor:pointer}.pop-confirm .pbody{font-size:22px;text-align:center;padding-top:70px;height:120px;line-height:24px}.pop-confirm .pfoot .but{width:110px;height:48px;border:1px solid #FFFFFF;border-radius:6px;line-height:48px;text-align:center;color:#FAFAFA;font-size:18px;cursor:pointer}.pop-confirm .pfoot .but.sure{color:#164D9A;background:#fff;margin-left:92px}.pop-confirm .pfoot .but.cancel{color:#fff;background:none}.pop-show-box{position:fixed;z-index:9999;top:0;left:0;bottom:0;right:0}.pop-show-box .pop-show-con{background:#4e5263;border-radius:16px;margin:0 auto;position:relative;box-sizing:border-box;padding-bottom:30px}.pop-show-box .pop-show-con .pop-head{height:50px;color:#fff;font-size:20px;font-weight:bold;margin-bottom:25px}.pop-show-box .pop-show-con .pop-head span{position:relative;top:30px;left:37px}.pop-show-box .pop-show-con .pop-head p{color:#fff;float:right;cursor:pointer;position:relative;top:16px;left:-16px}.pop-show-box .pop-show-con .pop-body{padding:0 30px}.pop-show-box.pop-show-box-login .pop-head{margin-bottom:0px}.pop-show-box.pop-show-box-login .pop-show-con .inputboxp{background:none}.inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.inputboxp .input-con{padding:0 20px}.inputboxp .input-con .input-group-auth{margin-bottom:15px}.inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.inputboxp .input-con .input-group-auth input,.inputboxp .input-con .input-group-auth select{width:320px}.inputboxp .input-con .input-group-auth textarea{width:670px;height:48px;line-height:24px}.inputboxp .input-con .input-group-auth.sm input{width:146px}.inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.inputboxp .subbtn{height:20px}.inputboxp .subbtn .gobtn{position:relative;left:-81px}.inputboxp .subbtn .choose{position:relative;top:23px;color:#fff;font-size:14px;cursor:pointer}.inputboxp .subbtn .choose div.chooseicon{width:16px;height:16px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-right:6px;position:relative}.inputboxp .subbtn .choose.act .chooseicon::after{content:"";position:absolute;width:14px;height:14px;background:#283FEB;top:1px;left:1px}.inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:105x;margin-bottom:5px}.allInquiryPop{box-sizing:border-box;padding:0 15px}.allInquiryPop .inquirygrouplabel{width:570px;margin-bottom:9px}.allInquiryPop .inquirygrouplabel div.labels{width:190px;box-sizing:border-box;padding-left:10px;font-size:14px;color:#fff}.allInquiryPop .inquirygrouplabel div.labels i{color:#F68332}.allInquiryPop .inquirygroupinputs{width:570px;height:30px;background:#041135;border:1px solid #FFFFFF;opacity:.65;border-radius:8px;position:relative;margin-bottom:2px}.allInquiryPop .inquirygroupinputs .inquiryadddelbox{position:absolute;right:-210px;width:200px;height:30px;line-height:30px}.allInquiryPop .inquirygroupinputs .inquiryadddelbox b{color:rgba(255,255,255,0.7);font-size:20px}.allInquiryPop .inquirygroupinputs .inquiryadddelbox .ibts{color:#F68332;cursor:pointer;font-size:16px;margin-left:10px}.allInquiryPop .inquirygroupinputs .inquiryadddelbox .ibts.addibts{color:#5569FD}.allInquiryPop .inquirygroupinputs .inquiryadddelbox .ibts.addibts b{position:relative;top:1px}.allInquiryPop .inquirygroupinputs input{border-radius:0px;border:0px;box-sizing:border-box;width:190px;height:20px;line-height:20px;border-radius:8px;border-right:1px dashed rgba(255,255,255,0.1)}.allInquiryPop .inquiry-input-group{margin-top:14px}.allInquiryPop .inquiry-input-group .labelp{font-size:14px;color:#fff;margin-bottom:9px}.allInquiryPop .inquiry-input-group textarea{width:570px;height:48px}.allInquiryPop .submitInquiry{width:300px;height:32px;border:2px solid #5569FD;border-radius:8px;color:#5569FD;line-height:32px;text-align:center;cursor:pointer;margin:0 auto;margin-top:30px}
\ No newline at end of file
public/assets/js/auth/login.js
......@@ -34,12 +34,25 @@ define('login', ['form', 'liexin_pop', 'tool'], function (require, exports, modu
},
//填写完回调
successJump:function(){
var referer=tool.getRequest("referer");
if(referer){
window.location.href=referer
if($("#loginPopTag").val()==1){
//弹窗逻辑
if(window.loginCallback){
window.loginPopHide(function(){
window.loginCallback()
})
}else{
history.go(0)
}
}else{
window.location.href="/mall"
var referer=tool.getRequest("referer");
if(referer){
window.location.href=referer
}else{
window.location.href="/mall"
}
}
},
}
module.exports = login.init();
......
public/assets/js/car/confirm.js
......@@ -17,7 +17,10 @@ define('confirm', ['liexin_pop'], function (require, exports, module) {
width:766,
height:595,
class:"addressOpen",
ele:".addressPop"
ele:".addressPop",
success:function(){
}
})
})
//选择地址
......@@ -27,7 +30,10 @@ define('confirm', ['liexin_pop'], function (require, exports, module) {
width:1000,
class:"addressChoose",
ele:".choose-popcheck"
ele:".choose-popcheck",
success:function(){
}
})
})
......
public/assets/js/common/liexin_pop.js
......@@ -69,20 +69,20 @@ define('liexin_pop', [], function (require, exports, module) {
//自定义弹窗
//class 自定义 class 加在弹窗盒子上 ele自定义弹窗 内容元素选择器 closeFun关闭弹窗回调
//opt={title:"test",width:500,height:300,class:"abc",ele:"#ceshi",closeFun:function(){}} openHide 关闭弹窗挂载到window上
//opt={title:"test",width:500,height:300,top:100,class:"abc",ele:"#ceshi",closeFun:function(){}} openHide 关闭弹窗挂载到window上
//openHide() 关闭弹窗 详情 见下单页面 /confirm
module.exports.Open = function (opt) {
var ele = $(opt.ele);
var ele2 = $(opt.ele).hide();//存放html
var eleHtml = ele.clone(true);
$(opt.ele).remove();
ele.remove();
var width_ = (opt.width || 450);
var height_=(opt.height || "auto");
var html_ = '<div class="pop-show-box '+(opt.class||'')+'"><div class="pop-show-con" style="width:'+width_+'px;height:'+height_+'px"><div class="pop-head"><span>'+(opt.title||'')+'</span>'
var height_ = (opt.height || "auto");
var html_ = '<div class="pop-show-box ' + (opt.class || '') + '"><div class="pop-show-con" style="width:' + width_ + 'px;height:' + height_ + 'px"><div class="pop-head"><span>' + (opt.title || '') + '</span>'
html_ += '<p><i class="icon iconfont icon-guanbi closePopShow"></i></p>'
html_ += '</div><div class="pop-body" ></div></div></div>'
$("body").append(html_);
......@@ -92,26 +92,110 @@ define('liexin_pop', [], function (require, exports, module) {
$(".pop-show-box .pop-show-con").css({
top: '-50%',
opacity: '0'
});
$(".pop-show-box .pop-show-con").animate({
top: '50%',
marginTop:-$(".pop-show-con").height()/2,
opacity: '1'
});
$(".pop-show-box .pop-show-con .closePopShow").unbind("click").click(function () {
});
if(opt.top){
$(".pop-show-box .pop-show-con").animate({
top: opt.top,
opacity: '1'
});
}else{
$(".pop-show-box .pop-show-con").animate({
top: '50%',
marginTop: -$(".pop-show-con").height() / 2,
opacity: '1'
});
}
if(opt.success){
opt.success()
}
$(".pop-show-box .pop-show-con .closePopShow").unbind("click").click(function () {
window.openHide();
});
window.openHide = function () {
});
window.openHide = function () {
$(".pop-show-box .pop-show-con").animate({
top: '-50%',
opacity: '0'
top: '-50%',
opacity: '0'
}, function () {
ele.hide();
$(".pop-show-box").remove();
$("body").append(ele2.clone(true));
});
}
}
//登陆弹出
module.exports.LoginPop = function (opt, callback) {
$(".pop-show-box-login").remove();
$("#loginScript").remove();
$("#loginCss").remove();
$("#loginPopTag").remove();
window.loginCallback=null;
if(callback){
window.loginCallback=callback
}
//动态加载样式表
var el = document.createElement('link');
el.rel = 'stylesheet';
el.type = 'text/css';
el.href = PUBLICXK + '/assets/css/auth/loginbox.min.css?v=' + Date.now();
$("body").before($(el))
$(el).attr("id","loginCss")
$("body").append('<input type="hidden" id="loginPopTag" value="1" />');
var new_element = document.createElement("script");
new_element.setAttribute("id", "loginScript");
new_element.setAttribute("type", "text/javascript");
new_element.setAttribute("src", PUBLICXK + '/assets/js/auth/login.js?v=' + Date.now());
document.body.appendChild(new_element);
var str_ = '<div class="pop-show-box pop-show-box-login"><div class="pop-show-con" style="width:420px;"><div class="pop-head"><span></span>'
str_ += '<p><i class="icon iconfont icon-guanbi closePopShow"></i></p>'
str_ += '</div><div class="pop-body" >'
str_ += '<div class="inputboxp boxsiz loginbox verifyBoxlogin">'
str_ += '<p class="headtips">Login</p>'
str_ += '<div class="input-group-auth">'
str_ += "<input type=\"text\" placeholder=\"Email/Username\" class=\"accountxk verify\" verifyTip='{\"type\":\"email\",\"text\":\"EMAIL\"}'>"
str_ += '</div>'
str_ += '<div class="input-group-auth">'
str_ += "<input type=\"text\" placeholder=\"Password\" class=\"passwordxk verify\" verifyTip='{\"type\":\"null\",\"text\":\"Password\"}'>"
str_ += '</div>'
str_ += '<div class="tips"></div>'
str_ += '<div class="but loginbut loginbutxk">Login</div>'
str_ += '<div class="goForget"><a href="/forget">Forget Password</a></div>'
str_ += '<div class="nocount">Don’t have an account?</div>'
str_ += '<a href="/reg?referer=' + window.location.href + '" class="goReg">Register Now</a>'
str_ += '</div></div></div></div>'
$("body").append(str_);
$(".pop-show-box-login .pop-show-con").css({
top: '-50%',
opacity: '0'
});
$(".pop-show-box-login .pop-show-con").animate({
top: '50%',
marginTop: -240,
opacity: '1'
});
$(".pop-show-box-login .pop-show-con .closePopShow").unbind("click").click(function () {
window.loginPopHide();
});
window.loginPopHide = function (cal) {
$(".pop-show-box-login .pop-show-con").animate({
opacity: '0',
top: '-50%',
}, function () {
ele.hide();
$(".pop-show-box").remove();
$("body").append(ele2.clone(true));
if(cal){
cal()
}
$(".pop-show-box-login").remove();
$("#loginScript").remove();
$("#loginCss").remove();
$("#loginPopTag").remove();
window.loginCallback=null;
});
}
}
}
});
\ No newline at end of file
public/assets/js/common/mallUi.js
/**商城全局UIJS**/
define('mallUi', ['tool'], function (require, exports, module) {
var tool=require("tool");
define('mallUi', ['tool', 'liexin_pop'], function (require, exports, module) {
var tool = require("tool");
var liexin_pop = require("liexin_pop");
var mallUi = {
init: function () {
mallUi.handle();
console.log("商城")
},
handle:function(){
handle: function () {
//商城顶部
$(".mall-header-top .topclose").click(function(){
$(".mall-header-top .topclose").click(function () {
$(".mall-header-top").slideUp(500);
tool.setCookie("topclose",1,30);
tool.setCookie("topclose", 1, 30);
})
//底部无缝链接滚动
jQuery(".bannerEle").slide({mainCell:".bannerScrollboxs",autoPlay:true,effect:"leftMarquee",vis:9,interTime:50});
jQuery(".bannerEle").slide({ mainCell: ".bannerScrollboxs", autoPlay: true, effect: "leftMarquee", vis: 9, interTime: 50 });
//搜索
$(".mallsearchbtnx").click(function () {
var val_ = $(".mallsearchvalx").val();
if (!val_) {
liexin_pop.Tip({ title: "ENTER CANNOT BE EMPTY" })
return
}
if (val_.length < 3) {
liexin_pop.Tip({ title: "Contain at least 3 characters" })
return
}
if (val_.length > 50) {
liexin_pop.Tip({ title: "Contain at most 50 characters" })
return
}
window.location.href = "/search?keyword=" + val_
})
//询价POP
$("body").on("click", ".frqbtnxs", function () {
if(!tool.isLogin()){
liexin_pop.LoginPop()
return
}
mallUi.openInquiry()
})
},
openInquiry:function(){
liexin_pop.Open({
title: "Inquiry",
width: 791,
top: 80,
ele: ".allInquiryPop",
success: function () {
mallUi.inquiry()
}
})
},
inquiry: function () {
$("body").on("click", ".addibts", function () {
if ($(".allInquiryPop .inquirygroupinputs").length >= 10) {
liexin_pop.Tip({ title: "At Most 10" })
return
}
$(this).parents(".inquirygroupinputs").clone(true).appendTo(".allInquiryPop .inquirygroupinputsbox")
})
$("body").on("click", ".delibts", function () {
if ($(".allInquiryPop .inquirygroupinputs").length == 1) {
liexin_pop.Tip({ title: "At Least 1" })
return
}
$(this).parents(".inquirygroupinputs").remove();
})
$("body").on("click", ".submitInquiry", function () {
var arr_ = [];
$(".allInquiryPop .inquirygroupinputs").each(function () {
var goods_name = $(this).find(".inquiry_goods_namexs").val();
var num_ = $(this).find(".inquiry_numxs").val();
var brand = $(this).find(".inquiry_brandxs").val();
if (goods_name || num_) {
if (!goods_name) {
liexin_pop.Tip({ title: "Part No CANNOT BE EMPTY" });
arr_ = [];
return false;
}
if (!num_) {
liexin_pop.Tip({ title: "Part No CANNOT BE EMPTY" });
arr_ = [];
return false;
}
}
if (goods_name && num_) {
arr_.push({
goods_name: goods_name,
inquiry_number: num_,
brand_name: brand
})
}
})
if (arr_.length == 0) {
liexin_pop.Tip({ title: "Part No CANNOT BE EMPTY" })
return
}
$.liexin_ajax('/api/inquiry/add', 'POST', {
items:arr_,
remark:$(".allInquiryPop .inquiryremark").val()
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: res.msg })
setTimeout(function(){
history.go(0)
},800)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
}
}
module.exports = mallUi.init();
......
public/assets/js/common/tool.js
......@@ -47,6 +47,14 @@ define(function (require, exports, module) {
}
}
module.exports.isLogin = function () {
if(module.exports.getCookie("sem_email")){
return true
}
return false
}
});
\ No newline at end of file
public/assets/js/mall/mall.js
define('mall', ['liexin_pop'], function (require, exports, module) {
var liexin_pop=require("liexin_pop");
var mall = {
init: function () {
mall.handle();
// $(".searchbtnx").click(function(){
// liexin_pop.LoginPop({},function(){
// })
// })
},
handle:function(){
}
}
module.exports = mall.init();
})
seajs.use(['mall'])
\ No newline at end of file
resources/views/about/certification.blade.php
......@@ -41,8 +41,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/about/company.blade.php
......@@ -26,8 +26,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/about/privacy.blade.php
......@@ -243,8 +243,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/about/quality.blade.php
......@@ -30,8 +30,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/about/refund.blade.php
......@@ -59,8 +59,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/about/term.blade.php
......@@ -133,8 +133,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/about/termuser.blade.php
......@@ -122,8 +122,8 @@
<div class="readbox">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<div class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </div>
</div>
</div>
</div>
......
resources/views/common/footersm.blade.php
......@@ -4,21 +4,21 @@
<img src="/assets/images/home/smlogo.png" alt="" class="logoftsm">
<div class="itemftsm">
<p>Company</p>
<a href="">About US</a>
<a href="">Certifications</a>
<a href="">IQC Center</a>
<a href="/about/company">About US</a>
<a href="/about/certification">Certifications</a>
<a href="/about/quality">IQC Center</a>
</div>
<div class="itemftsm">
<p>Help and Information</p>
<a href="">RFQ Form</a>
<a href="">BOM Tools</a>
<a href="">Exchange & Refund</a>
<a href="javascript:void(0)" class="frqbtnxs">RFQ Form</a>
<!-- <a href="">BOM Tools</a> -->
<a href="/about/refund">Exchange & Refund</a>
</div>
<div class="itemftsm">
<p>Legal</p>
<a href="">Terms and Conditions</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Use</a>
<a href="/about/term">Terms and Conditions</a>
<a href="/about/privacy">Privacy Policy</a>
<a href="/about/termuser">Terms of Use</a>
</div>
<div class="itemftsm">
<p class="row"><b>A member of</b><img src="/assets/images/home/lxlogo.png" alt="" class="logoftsm2"></p>
......
resources/views/common/headerNav.blade.php
<div class="gw-header-nav" style="<?php if(isset($_COOKIE['topclose'])){echo 'top:0px;';} ?>" >
<div class="gw-header-nav" style="<?php if (isset($_COOKIE['topclose'])) {
echo 'top:0px;';
} ?>">
<div class="ghn-con clr">
<a class="fl ghn-logo"><img src="/assets/images/home/top.png" alt=""></a>
<a class="fl ghn-logo" href="/"><img src="/assets/images/home/top.png" alt=""></a>
<div class="fr clr ghn-right-box">
<div class="grb-top clr">
<a href="" class="fr clj">CONTACT US</a>
<div class="login-head-box notLoginclj fr clj" >
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font>
<a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div>
<div class="login-head-box yesLogin fr clj" style="display:none;">
<a href="/about/company" class="fr clj">CONTACT US</a>
@if(!empty($_COOKIE['sem_email']))
<div class="login-head-box yesLogin fr clj">
<a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div>
<div class="username">{{$_COOKIE['sem_email']}}</div>
</a>
<div class="userurl-box">
<a href="/user/order">My Orders</a>
......@@ -21,27 +18,33 @@
<a href="/user/account">My Account</a>
</div>
</div>
<a href="" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a>
<a href="" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a>
@else
<div class="login-head-box notLoginclj fr clj">
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font>
<a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</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>
</div>
<div class="grb-bottom clr">
<ul class="clr onenav">
<li class="oneli fr">
<a href="" class="onea">Quality Inspection</a>
<a href="/about/quality" class="onea">Quality Inspection</a>
</li>
<li class="oneli fr"><a href="" class="onea">Real-time RFQ</a></li>
<li class="oneli fr"><a href="" class="onea">Online Mall</a></li>
<li class="oneli fr"><a href="#" class="onea frqbtnxs">RFQ</a></li>
<li class="oneli fr"><a href="/mall" class="onea">STORE</a></li>
<li class="oneli fr">
<a href="" class="onea">ABOUT US</a>
<ul class="twonav">
<li class="twoli"><a href="" class="twoa">Company Profile</a></li>
<li class="twoli"><a href="" class="twoa">Certification</a></li>
<li class="twoli"><a href="/about/company" class="twoa">Company Profile</a></li>
<li class="twoli"><a href="/about/certification" class="twoa">Certification</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
resources/views/common/inquiryPop.blade.php 0 → 100644
<!--询价弹窗-->
<div class="allInquiryPop" style="display:none;">
<div class="inquirygrouplabel row">
<div class="labels"><i>*</i>Part No：</div>
<div class="labels">Manufacturer：</div>
<div class="labels"><i>*</i>Quantity：</div>
</div>
<div class="inquirygroupinputsbox ">
<div class="inquirygroupinputs row verCenter">
<input type="text" placeholder="Part No" class="inquiry_goods_namexs">
<input type="text" placeholder="Manufacturer" class="inquiry_brandxs">
<input type="text" placeholder="Qty required" class="inquiry_numxs" 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="inquiryadddelbox">
<div class="row">
<div class="ibts addibts">
<b>+</b>
<span class="">Add</span>
</div>
<div class="ibts delibts">
<b>-</b>
<span>Delete</span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="inquiry-input-group">
<p class="labelp">Message:</p>
<textarea name="" class="inquiryremark"></textarea>
</div>
</div>
<div class="submitInquiry">Submit</div>
</div>
\ No newline at end of file
resources/views/common/js.blade.php
@include('common.inquiryPop')
<script>
const URL_API="/";//ajax域名
const PUBLICXK="{{$public}}";//资源文件文件目录 js公用变量
......
resources/views/common/mallFooter.blade.php
......@@ -47,21 +47,21 @@
<img src="/assets/images/home/smlogo.png" alt="" class="logoftsm">
<div class="itemftsm">
<p>Company</p>
<a href="">About US</a>
<a href="">Certifications</a>
<a href="">IQC Center</a>
<a href="/about/company">About US</a>
<a href="/about/certification">Certifications</a>
<a href="/about/quality">IQC Center</a>
</div>
<div class="itemftsm">
<p class="w150">Help and Information</p>
<a href="">RFQ Form</a>
<a href="">BOM Tools</a>
<a href="">Exchange & Refund</a>
<a href="javascript:void(0)" class="frqbtnxs">RFQ Form</a>
<!-- <a href="">BOM Tools</a> -->
<a href="/about/refund">Exchange & Refund</a>
</div>
<div class="itemftsm lastitem">
<p>Legal</p>
<a href="">Terms and Conditions</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Use</a>
<a href="/about/term">Terms and Conditions</a>
<a href="/about/privacy">Privacy Policy</a>
<a href="/about/termuser">Terms of Use</a>
</div>
<div class="itemftsp">
<p class="row"><span>A member of</span> <img src="/assets/images/home/lxlogo.png" alt="" class="logoftsm2"></p>
......
resources/views/common/mallHeaderNav.blade.php
<div class="mall-header-nav">
<div class="search-car w1200">
<div class="row cons verCenter">
<a href="" class="logo"><img src="{{$public}}/assets/images/common/logo.png" alt=""></a>
<a href="/mall" class="logo"><img src="{{$public}}/assets/images/common/logo.png" alt=""></a>
<div class="search-input-box row boxsiz">
<input type="text" class="searchvalx" placeholder="Enter part #">
<div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
</div>
<a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
<div class="login-head-box notLogin" style="display:none">
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
<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>
@if(!empty($_COOKIE['sem_email']))
<div class="login-head-box yesLogin" >
<a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div>
<div class="username">{{$_COOKIE['sem_email']}}</div>
</a>
<div class="userurl-box">
<a href="/user/order">My Orders</a>
......@@ -22,13 +19,21 @@
<a href="/user/account">My Account</a>
</div>
</div>
<a href="" class="about-link">Contact Us</a>
@else
<div class="login-head-box notLogin" >
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div>
@endif
<a href="/about/company" class="about-link">Contact Us</a>
</div>
</div>
<div class="nav-box">
<div class="nav-conx row w1200">
<div class="allpro">
<a href="" class="act li">All Products</a>
<a href="/mall" class="act li">All Products</a>
<div class="procon boxsiz">
<div class="groupboxx">
<div class="headboxx row">
......@@ -107,9 +112,9 @@
</div>
</div>
</div>
<a href="" class="li">Manufacturers</a>
<a href="" class="li">RFQ</a>
<a href="" class="li">About us</a>
<a href="/brand/map" class="li">Manufacturers</a>
<a href="javascript:void(0)" class="li frqbtnxs">RFQ</a>
<a href="/about/company" class="li">About us</a>
</div>
</div>
</div>
\ No newline at end of file
resources/views/home/home.blade.php
......@@ -60,15 +60,15 @@
<div class="floor4">
<p>READY TO CONNECT?</p>
<div class="row rowCenter">
<div class="but">LOCATE PARTS ON SEMOUR STORE</div>
<div class="but but-lk">SUBMIT REAL-TIME RFQ </div>
<a class="but" href="/mall">LOCATE PARTS ON SEMOUR STORE</a>
<a class="but but-lk frqbtnxs">SUBMIT REAL-TIME RFQ </a>
</div>
</div>
@empty($_COOKIE['closehometips'])
<div class="footfixedcor">
<div class="confotfix row rowCenter">
<div class="textt">We’ve updated our privacy policy. Please take a moment to review these changes. By clicking Accept Terms, you agree to Semour Electronics Privacy Policy and Terms of Use. </div>
<div class="but but-lk">READ MORE</div>
<a class="but but-lk" href="/about/privacy">READ MORE</a>
<div class="but closehometips">ACCEPT TERMS</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment