Skip to content

semour / semour_web

Go to a project
Commit 13fea70d by 肖康
Options

会员中心页面

parent d664f163
Inline Side-by-side
Showing with 1122 additions and 103 deletions
app/Http/Controllers/UserController.php
...@@ -20,4 +20,13 @@ class UserController extends Controller ...@@ -20,4 +20,13 @@ class UserController extends Controller
{ {
return view('user.orderDetail'); return view('user.orderDetail');
} }
public function inquiry(Request $request)
{
return view('user.inquiry');
}
public function account(Request $request)
{
return view('user.account');
}
} }
public/assets/css/auth/reg.less
...@@ -237,4 +237,28 @@ html, ...@@ -237,4 +237,28 @@ html,
} }
} }
}
.getCountryBox{
position: relative;
.conps{
display: none;
position: absolute;
top:33px;
left:0px;
width:320px;
height:200px;
overflow-y: auto;
background: #fff;
box-shadow: 0px 0px 10px #ccc;
padding:15px 0;
.citem{
height:28px;
line-height: 28px;
padding:0 20px;
color:#164D9A;
cursor: pointer;
&:hover{background: #DFEAFA;}
}
}
} }
\ No newline at end of file
public/assets/css/auth/reg.min.css
body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:756px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:118px;height:20px;margin-left:25px}.authpage .auth-con .auth-box .authb-head span{font-size:18px;font-weight:bold;color:#fff;position:relative;margin-left:16px;top:3px}.authpage .auth-con .auth-box .inputboxp{width:756px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:25px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:18px;font-weight:bold}.authpage .auth-con .auth-box .inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.authpage .auth-con .auth-box .inputboxp .input-con{padding:0 20px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth{margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth input{width:320px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.sm input{width:146px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.authpage .auth-con .auth-box .inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.authpage .auth-con .auth-box .inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:20px;margin-bottom:5px}.authpage .auth-con .auth-box.regStep2{width:414px}.authpage .auth-con .auth-box.regStep2 .inputboxp{width:414px}.authpage .auth-con .auth-box.regStep2 p.headtips{font-size:16px;margin-bottom:21px}.authpage .auth-con .auth-box.regStep2 .resendbox{font-size:14px;color:#fff;padding-left:20px;margin-bottom:24px}.authpage .auth-con .auth-box.regStep2 .resendbox .resendbut{cursor:pointer;color:#283FEB;font-size:14px;font-weight:bold;margin-left:27px}.authpage .auth-con .auth-box.regStep2 .nextbut{width:218px}.authpage .auth-con .auth-box.regStep2 .backbut{font-size:16px;font-weight:bold;color:#283FEB;cursor:pointer;position:relative;top:17px;margin-right:50px;left:-10px}.authpage .auth-con .auth-box.regStep2 .tips{font-size:14px;padding-left:20px;padding-right:20px;text-align:left;color:#BF0707;height:20px;line-height:20px;margin-top:0px;margin-bottom:15px}.authpage .auth-con .auth-box.regStep3 .inputboxp p.headtips{color:#fff;font-size:16px;font-weight:bold;margin-bottom:24px}.authpage .auth-con .auth-box.regStep3 .inputboxp select{width:320px}.authpage .auth-con .auth-box.regStep3 .inputboxp .hline{height:2px;width:20px;background:#FFf;margin:0 20px;position:relative;top:14px}.authpage .auth-con .auth-box.regStep3 .inputboxp .xs input{width:130px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup{padding:0 20px;font-size:14px;color:#fff;line-height:18px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup span{color:#F68332} body,html,#app{height:100%;background:#000}.authpage{height:100%;background:#000}.authpage .auth-con{height:100%;background:url("../../images/auth/authbg.png") center top no-repeat}.authpage .auth-con .auth-box{width:756px;margin:0 auto}.authpage .auth-con .auth-box .authb-head{height:65px;background:#010720;border-radius:16px 16px 0px 0px}.authpage .auth-con .auth-box .authb-head img{width:118px;height:20px;margin-left:25px}.authpage .auth-con .auth-box .authb-head span{font-size:18px;font-weight:bold;color:#fff;position:relative;margin-left:16px;top:3px}.authpage .auth-con .auth-box .inputboxp{width:756px;background:rgba(255,255,255,0.3);border-radius:0px 0px 16px 16px;padding:25px}.authpage .auth-con .auth-box .inputboxp p.headtips{color:#fff;font-size:18px;font-weight:bold}.authpage .auth-con .auth-box .inputboxp .checkbox{margin-top:22px;padding-left:20px;color:#fff;font-size:14px;margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group{cursor:pointer;margin-right:25px}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group p{width:10px;height:10px;border:1px solid #F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group.act p font{display:block;width:4px;height:4px;background:#F68332;border-radius:50%}.authpage .auth-con .auth-box .inputboxp .checkbox .check-group span{margin-left:6px;position:relative;top:-2px}.authpage .auth-con .auth-box .inputboxp .input-con{padding:0 20px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth{margin-bottom:15px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp{font-size:14px;color:#fff;margin-bottom:9px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth p.labelp span{color:#F68332}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth input{width:320px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.sm input{width:146px}.authpage .auth-con .auth-box .inputboxp .input-con .input-group-auth.ml30{margin-left:30px}.authpage .auth-con .auth-box .inputboxp .gobtn{width:218px;margin:0 auto;margin-top:10px}.authpage .auth-con .auth-box .inputboxp .tips{font-size:14px;text-align:center;color:#BF0707;height:20px;line-height:20px;margin-top:20px;margin-bottom:5px}.authpage .auth-con .auth-box.regStep2{width:414px}.authpage .auth-con .auth-box.regStep2 .inputboxp{width:414px}.authpage .auth-con .auth-box.regStep2 p.headtips{font-size:16px;margin-bottom:21px}.authpage .auth-con .auth-box.regStep2 .resendbox{font-size:14px;color:#fff;padding-left:20px;margin-bottom:24px}.authpage .auth-con .auth-box.regStep2 .resendbox .resendbut{cursor:pointer;color:#283FEB;font-size:14px;font-weight:bold;margin-left:27px}.authpage .auth-con .auth-box.regStep2 .nextbut{width:218px}.authpage .auth-con .auth-box.regStep2 .backbut{font-size:16px;font-weight:bold;color:#283FEB;cursor:pointer;position:relative;top:17px;margin-right:50px;left:-10px}.authpage .auth-con .auth-box.regStep2 .tips{font-size:14px;padding-left:20px;padding-right:20px;text-align:left;color:#BF0707;height:20px;line-height:20px;margin-top:0px;margin-bottom:15px}.authpage .auth-con .auth-box.regStep3 .inputboxp p.headtips{color:#fff;font-size:16px;font-weight:bold;margin-bottom:24px}.authpage .auth-con .auth-box.regStep3 .inputboxp select{width:320px}.authpage .auth-con .auth-box.regStep3 .inputboxp .hline{height:2px;width:20px;background:#FFf;margin:0 20px;position:relative;top:14px}.authpage .auth-con .auth-box.regStep3 .inputboxp .xs input{width:130px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup{padding:0 20px;font-size:14px;color:#fff;line-height:18px}.authpage .auth-con .auth-box.regStep3 .inputboxp .tikup span{color:#F68332}.getCountryBox{position:relative}.getCountryBox .conps{display:none;position:absolute;top:33px;left:0px;width:320px;height:200px;overflow-y:auto;background:#fff;box-shadow:0 0 10px #ccc;padding:15px 0}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file \ No newline at end of file
public/assets/css/common/base.less
...@@ -128,6 +128,7 @@ input { ...@@ -128,6 +128,7 @@ input {
} }
} }
.scrollbar{ .scrollbar{
overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
width : 2px; width : 2px;
background-color: #EDEDED background-color: #EDEDED
......
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::-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} @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 \ No newline at end of file
public/assets/css/common/common.less
...@@ -73,9 +73,46 @@ ...@@ -73,9 +73,46 @@
.ghn-right-box { .ghn-right-box {
position: relative; position: relative;
top : -30px; top : -30px;
.grb-top { .grb-top {
.yesLogin {
position: relative;
.userurl-box{
position: absolute;
width: 160px;
background: #FFFFFF;
top:19px;
left:0px;
box-shadow: 0px 0px 5px #ccc;
padding:15px 0px;
display: none;
z-index: 6;
a{
box-sizing: border-box;
padding: 0 15px;
display: block;
cursor: pointer;
font-size: 14px;
color:#333;
height:32px;
line-height: 32px;
&:hover{
color:#174D9A;
background: #DFEAFA;
}
}
}
&:hover{
.userurl-box{display: block;}
}
div.username {
overflow : hidden;
text-overflow: ellipsis;
}
}
a { a {
font-size: 16px; font-size: 16px;
color : #fff; color : #fff;
...@@ -432,6 +469,36 @@ ...@@ -432,6 +469,36 @@
} }
&.yesLogin { &.yesLogin {
position: relative;
.userurl-box{
position: absolute;
width: 160px;
background: #FFFFFF;
top:19px;
left:0px;
box-shadow: 0px 0px 5px #ccc;
padding:15px 0px;
display: none;
a{
box-sizing: border-box;
padding: 0 15px;
display: block;
cursor: pointer;
font-size: 14px;
color:#333;
height:32px;
line-height: 32px;
&:hover{
color:#174D9A;
background: #DFEAFA;
}
}
}
&:hover{
.userurl-box{display: block;}
}
a { a {
font-size: 14px; font-size: 14px;
} }
...@@ -441,7 +508,7 @@ ...@@ -441,7 +508,7 @@
font-size: 16px; font-size: 16px;
} }
div { div.username {
width : 108px; width : 108px;
overflow : hidden; overflow : hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
......
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::-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 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 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{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} @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 \ No newline at end of file
public/assets/css/user/account.less 0 → 100644
.accountbox {
.user-right {
width : 1024px;
min-height: 350px;
background: #FFFFFF;
padding : 18px 12px;
.nav {
border-bottom: 1px solid #DFEAFA;
.item {
height : 38px;
font-size : 16px;
color : #222;
text-align : center;
box-sizing : border-box;
padding : 0px 30px;
line-height: 38px;
cursor : pointer;
.tt {
width: 80px;
}
&.act {
font-weight : bold;
border-bottom: 4px solid #164D9A;
}
}
}
.section {
.boxinfo {
width : 1000px;
background : #F7FAFF;
border-radius: 8px;
margin : 0 auto;
box-sizing : border-box;
padding : 25px 46px;
margin-top : 10px;
}
.grp {
font-size : 14px;
color : #555;
margin-bottom: 35px;
&:last-child {
margin-bottom: 0px;
}
.labels {
width : 200px;
color : #333;
font-weight: bold;
span {
color: #F68332;
}
}
.lval {
width : 200px;
margin-right: 70px;
}
.edit {
color : #164D9A;
cursor: pointer;
}
}
.changebtn {
width : 150px;
height : 32px;
background : #164D9A;
border-radius: 8px;
font-size : 14px;
color : #fff;
text-align : center;
line-height : 32px;
cursor : pointer;
}
}
.addressbox {
margin-top: 16px;
.list-table {
.w56 {
width: 56px;
}
.w150 {
width: 150px;
}
.thead {
width : 1000px;
height : 48px;
background : #DFEAFA;
border-radius: 8px 8px 0px 0px;
height : 39px;
line-height : 39px;
padding : 0 22px;
border-bottom: 1px solid #DFEAFA;
box-sizing : border-box;
.th {
font-size : 14px;
color : #333;
font-weight : bold;
box-sizing : border-box;
padding-right: 5px;
}
}
.tbody {
width : 1000px;
background : #F7FAFF;
box-sizing : border-box;
border-radius: 0px 0px 8px 8px;
padding : 0 22px;
}
.tr {
padding : 22px 0px;
border-bottom: 1px solid #DFEAFA;
&:last-child {
border: 0px;
}
.td {
font-size : 14px;
color : #555;
box-sizing : border-box;
padding-right: 5px;
word-break : break-all;
.bot {
width : 74px;
height : 32px;
font-size : 14px;
background : #164D9A;
border-radius: 4px;
line-height : 74px;
color : #fff;
text-align : center;
line-height : 32px;
cursor : pointer;
&.delbtns {
background: #FFD7BB;
color : #A74703;
margin-left: 10px;
}
}
}
}
}
}
}
}
\ No newline at end of file
public/assets/css/user/account.min.css 0 → 100644
.accountbox .user-right{width:1024px;min-height:350px;background:#FFFFFF;padding:18px 12px}.accountbox .user-right .nav{border-bottom:1px solid #DFEAFA}.accountbox .user-right .nav .item{height:38px;font-size:16px;color:#222;text-align:center;box-sizing:border-box;padding:0px 30px;line-height:38px;cursor:pointer}.accountbox .user-right .nav .item .tt{width:80px}.accountbox .user-right .nav .item.act{font-weight:bold;border-bottom:4px solid #164D9A}.accountbox .user-right .section .boxinfo{width:1000px;background:#F7FAFF;border-radius:8px;margin:0 auto;box-sizing:border-box;padding:25px 46px;margin-top:10px}.accountbox .user-right .section .grp{font-size:14px;color:#555;margin-bottom:35px}.accountbox .user-right .section .grp:last-child{margin-bottom:0px}.accountbox .user-right .section .grp .labels{width:200px;color:#333;font-weight:bold}.accountbox .user-right .section .grp .labels span{color:#F68332}.accountbox .user-right .section .grp .lval{width:200px;margin-right:70px}.accountbox .user-right .section .grp .edit{color:#164D9A;cursor:pointer}.accountbox .user-right .section .changebtn{width:150px;height:32px;background:#164D9A;border-radius:8px;font-size:14px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox{margin-top:16px}.accountbox .user-right .addressbox .list-table .w56{width:56px}.accountbox .user-right .addressbox .list-table .w150{width:150px}.accountbox .user-right .addressbox .list-table .thead{width:1000px;height:48px;background:#DFEAFA;border-radius:8px 8px 0px 0px;height:39px;line-height:39px;padding:0 22px;border-bottom:1px solid #DFEAFA;box-sizing:border-box}.accountbox .user-right .addressbox .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.accountbox .user-right .addressbox .list-table .tbody{width:1000px;background:#F7FAFF;box-sizing:border-box;border-radius:0px 0px 8px 8px;padding:0 22px}.accountbox .user-right .addressbox .list-table .tr{padding:22px 0px;border-bottom:1px solid #DFEAFA}.accountbox .user-right .addressbox .list-table .tr:last-child{border:0px}.accountbox .user-right .addressbox .list-table .tr .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}.accountbox .user-right .addressbox .list-table .tr .td .bot{width:74px;height:32px;font-size:14px;background:#164D9A;border-radius:4px;line-height:74px;color:#fff;text-align:center;line-height:32px;cursor:pointer}.accountbox .user-right .addressbox .list-table .tr .td .bot.delbtns{background:#FFD7BB;color:#A74703;margin-left:10px}
\ No newline at end of file
public/assets/css/user/frq.less 0 → 100644
.frqbox {
.search-shit {
width : 350px;
height : 32px;
background : #FAFAFA;
border : 1px solid #DFEAFA;
border-radius: 8px;
position : relative;
top : -5px;
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;
i {
font-size: 18px;
color : #fff;
}
}
input {
background : #fff;
display : block;
height : 30px;
line-height : 30px;
color : #333;
padding-left: 15px;
width : 302px;
}
}
.user-right {
width : 1024px;
min-height: 350px;
background: #FFFFFF;
padding : 18px 12px;
.nav {
border-bottom: 1px solid #DFEAFA;
margin-bottom: 16px;
.item {
height : 38px;
font-size : 16px;
color : #222;
text-align : center;
box-sizing : border-box;
padding : 0px 30px;
line-height: 38px;
cursor : pointer;
.tt {
width: 80px;
}
span {
height : 34px;
line-height: 38px;
}
&.act {
font-weight : bold;
border-bottom: 4px solid #164D9A;
}
}
}
.list-table {
.w200 {
width: 190px;
}
.w188 {
width: 128px;
}
.thead {
width : 988px;
height : 48px;
background : #DFEAFA;
border-radius: 8px 8px 0px 0px;
height : 39px;
line-height : 39px;
padding:0 50px;
border-bottom: 1px solid #DFEAFA;
box-sizing: border-box;
.th {
font-size : 16px;
color : #333;
font-weight : bold;
box-sizing : border-box;
padding-right: 5px;
}
}
.tbody {
width : 988px;
background : #F7FAFF;
box-sizing: border-box;
border-radius: 0px 0px 8px 8px;
padding:0 22px;
}
.tr {
padding : 22px 28px;
border-bottom: 1px solid #DFEAFA;
&:last-child{border:0px;}
.td {
font-size : 14px;
color : #555;
box-sizing : border-box;
padding-right: 5px;
word-break : break-all;
}
}
}
}
}
\ No newline at end of file
public/assets/css/user/frq.min.css 0 → 100644
.frqbox .search-shit{width:350px;height:32px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative;top:-5px}.frqbox .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}.frqbox .search-shit span.icon i{font-size:18px;color:#fff}.frqbox .search-shit input{background:#fff;display:block;height:30px;line-height:30px;color:#333;padding-left:15px;width:302px}.frqbox .user-right{width:1024px;min-height:350px;background:#FFFFFF;padding:18px 12px}.frqbox .user-right .nav{border-bottom:1px solid #DFEAFA;margin-bottom:16px}.frqbox .user-right .nav .item{height:38px;font-size:16px;color:#222;text-align:center;box-sizing:border-box;padding:0px 30px;line-height:38px;cursor:pointer}.frqbox .user-right .nav .item .tt{width:80px}.frqbox .user-right .nav .item span{height:34px;line-height:38px}.frqbox .user-right .nav .item.act{font-weight:bold;border-bottom:4px solid #164D9A}.frqbox .user-right .list-table .w200{width:190px}.frqbox .user-right .list-table .w188{width:128px}.frqbox .user-right .list-table .thead{width:988px;height:48px;background:#DFEAFA;border-radius:8px 8px 0px 0px;height:39px;line-height:39px;padding:0 50px;border-bottom:1px solid #DFEAFA;box-sizing:border-box}.frqbox .user-right .list-table .thead .th{font-size:16px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.frqbox .user-right .list-table .tbody{width:988px;background:#F7FAFF;box-sizing:border-box;border-radius:0px 0px 8px 8px;padding:0 22px}.frqbox .user-right .list-table .tr{padding:22px 28px;border-bottom:1px solid #DFEAFA}.frqbox .user-right .list-table .tr:last-child{border:0px}.frqbox .user-right .list-table .tr .td{font-size:14px;color:#555;box-sizing:border-box;padding-right:5px;word-break:break-all}
\ No newline at end of file
public/assets/js/auth/forget.js
define('forget', [], function (require, exports, module) {
define('forget', ['form', 'liexin_pop', 'tool'], function (require, exports, module) {
var form = require("form")
var liexin_pop = require("liexin_pop")
var tool = require("tool")
var forget = { var forget = {
init: function () { init: function () {
forget.handle(); forget.handle();
}, },
handle:function(){ handle:function(){
$(".gonext").click(function(){ $(".gonext").click(function(){
$(".auth-box").hide() if (form.test(".verifyBox")) {
$(".forgetStep2").show() return
}
$.liexin_ajax('/api/auth/forget_password', 'POST', {
email: $(".email").val(),
email_code:$(".code").val()
}, function (res) {
if (res.code === 0) {
$(".auth-box").hide()
$(".forgetStep2").show()
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
$(".getCode").click(function(){
if($(".email").val()){
forget.getCode();
}else{
liexin_pop.Tip({ title:"The email field is required" })
}
})
$(".gobtn").click(function(){
if ($(".password").val().length < 8) {
$(".tips2").html("Contain at least 8 characters")
return
}
if ($(".password").val().length > 50) {
$(".tips2").html("Contain at most 50 characters")
return
}
if ($(".password").val() != $(".password_confirmation").val()) {
$(".tips2").html("Passwords do not match")
return
}
$.liexin_ajax('/api/auth/set_forget_password', 'POST', {
email: $(".email").val(),
email_code:$(".code").val(),
password:$(".password").val(),
password_confirmation:$(".password_confirmation").val()
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Change Success" })
setTimeout(function(){
window.location.href="/login"
},1000)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}) })
},
getCode: function () {
//发送邮件
$.liexin_ajax('/api/auth/send_email_code', 'POST', {
email: $(".email").val(),
type: "forget_password"
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Send Success" })
} else {
liexin_pop.Tip({ title: res.msg })
}
})
} }
} }
module.exports = forget.init(); module.exports = forget.init();
}) })
seajs.use(['forget']) seajs.use(['forget'])
\ No newline at end of file
public/assets/js/auth/login.js
define('login', ['form', 'liexin_pop', 'tool'], function (require, exports, module) {
var form = require("form")
var liexin_pop = require("liexin_pop")
var tool = require("tool")
var login = {
init: function () {
login.handle();
},
handle: function () {
$("body").on("click",".loginbutxk",function(){
if (form.test(".verifyBoxlogin")) {
return
}
$.liexin_ajax('/api/auth/login', 'POST', {
email:$(".accountxk").val(),
password:$(".passwordxk").val()
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Success"})
setTimeout(function(){
login.successJump()
},1000)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
},
//填写完回调
successJump:function(){
var referer=tool.getRequest("referer");
if(referer){
window.location.href=referer
}else{
window.location.href="/mall"
}
},
}
module.exports = login.init();
})
seajs.use(['login'])
\ No newline at end of file
public/assets/js/auth/reg.js 0 → 100644
define('reg', ['form', 'liexin_pop', 'tool'], function (require, exports, module) {
var form = require("form")
var liexin_pop = require("liexin_pop")
var tool = require("tool")
var reg = {
init: function () {
reg.handle();
},
handle: function () {
//切换属性
$("body").on("click", ".check-group", function () {
$(".verifyBox").find(".check-group").removeClass("act")
$(this).addClass("act");
})
//第一步
$("body").on("click", ".gonext1", function () {
if (form.test(".verifyBox")) {
return
}
if ($(".password").val().length < 8) {
$(".verifyBox").find(".tips").html("Contain at least 8 characters")
return
}
if ($(".password").val().length > 50) {
$(".verifyBox").find(".tips").html("Contain at most 50 characters")
return
}
if ($(".password").val() != $(".password_confirmation").val()) {
$(".verifyBox").find(".tips").html("Passwords do not match")
return
}
$(".yxtext").html($(".email").val())
$(".auth-box").hide()
$(".regStep2").show();
reg.getCode()
})
//第二步
$("body").on("click", ".gonext2", function () {
if (form.test(".verifyBox2")) {
return
}
$.liexin_ajax('/api/auth/register', 'POST', {
email: $(".email").val(),
password_confirmation: $(".password_confirmation").val(),
password: $(".password").val(),
first_name: $(".first_name").val(),
last_name: $(".last_name").val(),
phone: $(".phone").val(),
company_name: $(".company_name").val(),
email_code: $(".email_code").val(),
account_properties: $(".verifyBox").find(".check-group.act").attr("guid")
}, function (res) {
if (res.code === 0) {
$(".auth-box").hide()
$(".regStep3").show();
//liexin_pop.Tip({title:"Send Success"})
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
//第三步
$("body").on("click", ".gonext3", function () {
if (form.test(".verifyBox3")) {
return
}
$.liexin_ajax('/api/user_address/add', 'POST', {
is_register:1,
country:($(".country3").attr("guid")||""),
last_name:$(".last_name3").val(),
first_name:$(".first_name3").val(),
company_name: $(".company_name").val(),
province:$(".province3").val(),
detail_address: $(".detail_address3").val(),
city:$(".city3").val(),
post_code: $(".post_code3").val(),
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Success"})
setTimeout(function(){
reg.successJump()
},1000)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
})
//z再次获取验证码
$(".resendbut").click(function () {
reg.getCode()
})
//返回
$("body").on("click", ".backbut", function () {
$(".auth-box").hide()
$(".regStep1").show();
})
//国家操作
$("body").on("input", '.getCountry', tool.debounce(function (e) {
var str_=$(this).val();
$(this).attr("guid","")
if(str_){
$(".countryconent").show();
$(".countryconent .citem").each(function(){
if(($(this).text().toLocaleLowerCase()).indexOf((str_.toLocaleLowerCase()))!=-1){
$(this).show()
}else{
$(this).hide()
}
})
}else{
$(".countryconent").hide();
}
}, 300))
$("body").on("click",".citem",function(){
$(".getCountry").val($(this).text()).attr("guid",$(this).attr("guid"))
$(".countryconent").hide();
})
//获取国家
reg.getCountry()
//跳过地址信息填写
$(".gonext3Jump").click(function(){
reg.successJump();
})
},
//填写完回调
successJump:function(){
var referer=tool.getRequest("referer");
if(referer){
window.location.href=referer
}else{
window.location.href="/mall"
}
},
//获取国家
getCountry:function(){
$.liexin_ajax('/api/country/list', 'GET', {}, function (res) {
if (res.code === 0) {
var html_="";
for(var i=0;i<res.data.length;i++){
html_+='<div class="citem" guid="'+res.data[i].id+'">'+res.data[i].name+'</div>'
}
$(".countryconent").html(html_)
} else {
}
}, 1)
},
getCode: function () {
//发送邮件
$.liexin_ajax('/api/auth/send_email_code', 'POST', {
email: $(".email").val(),
type: "register"
}, function (res) {
if (res.code === 0) {
liexin_pop.Tip({ title: "Send Success" })
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}
}
module.exports = reg.init();
})
seajs.use(['reg'])
\ No newline at end of file
public/assets/js/common/config.js
...@@ -6,6 +6,7 @@ seajs.config({ ...@@ -6,6 +6,7 @@ seajs.config({
'liexin_ajax':"common/liexin_ajax.js" , 'liexin_ajax':"common/liexin_ajax.js" ,
'liexin_pop':"common/liexin_pop.js", 'liexin_pop':"common/liexin_pop.js",
'mallUi':"common/mallUi",//商城公用UI交互 'mallUi':"common/mallUi",//商城公用UI交互
'form':"common/form",//商城公用UI交互
}, },
charset: 'utf-8',// 文件编码, charset: 'utf-8',// 文件编码,
map:[ map:[
......
public/assets/js/common/form.js 0 → 100644
define(function (require, exports, module) {
module.exports.test = function (ele) //校验表单盒子 表单元素 class="verify" verifyTip='{"type":"1","text":"COMPANY NAME"}'
{
var isTest="";
$(ele + " .verify").each(function () {
var json_ = $(this).attr("verifyTip");
if (json_) {
json_ = JSON.parse(json_)
//校验为空
if (json_.type == "null") {
if (!$(this).val()) {
$(ele).find(".tips").html(json_.text + " CANNOT BE EMPTY");
isTest=json_.text + " CANNOT BE EMPTY";
return false
}
}
//校验邮箱
if (json_.type == "email") {
if (!$(this).val()) {
$(ele).find(".tips").html(json_.text + " CANNOT BE EMPTY");
isTest=json_.text + " CANNOT BE EMPTY";
return false
}
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test($(this).val())){
$(ele).find(".tips").html("Wrong "+json_.text+" Address");
isTest="Wrong "+json_.text+" Address";
return false
}
}
}
})
if(!isTest){
$(ele).find(".tips").html("");
}
return isTest;
}
});
\ No newline at end of file
public/assets/js/common/liexin_ajax.js
...@@ -29,7 +29,7 @@ define('liexin_ajax', ['liexin_pop'], function (require, exports, module) { ...@@ -29,7 +29,7 @@ define('liexin_ajax', ['liexin_pop'], function (require, exports, module) {
}, },
error: function () { error: function () {
liexin_pop.LoadingHide(); liexin_pop.LoadingHide();
layer.msg('网络出现问题，请重试！'); liexin_pop.Tip({title:"网络错误"});
} }
}); });
} }
......
public/assets/js/common/tool.js
...@@ -48,5 +48,5 @@ define(function (require, exports, module) { ...@@ -48,5 +48,5 @@ define(function (require, exports, module) {
} }
}); });
\ No newline at end of file
resources/views/auth/forget.blade.php
...@@ -12,18 +12,18 @@ ...@@ -12,18 +12,18 @@
<div class="auth-con boxsiz row verCenter"> <div class="auth-con boxsiz row verCenter">
<div class="auth-box forgetStep1" > <div class="auth-box forgetStep1" >
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div> <div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz"> <div class="inputboxp boxsiz verifyBox">
<p class="headtips">Reset Your Password</p> <p class="headtips">Reset Your Password</p>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">EMAIL</p> <p class="labelp">EMAIL</p>
<input type="text"> <input type="text" class="verify email" verifyTip='{"type":"email","text":"EMAIL"}'>
</div> </div>
<div class="getCode but">Get verification code</div> <div class="getCode but">Get verification code</div>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp ">VERIFICATION CODE</p> <p class="labelp ">VERIFICATION CODE</p>
<input type="text"> <input type="text" class="verify code" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="but gobtn gonext">NEXT</div> <div class="but gobtn gonext">NEXT</div>
</div> </div>
</div> </div>
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<p class="headtips">Reset Your Password</p> <p class="headtips">Reset Your Password</p>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">NEW PASSWORD</p> <p class="labelp">NEW PASSWORD</p>
<input type="text"> <input type="text" class="password">
</div> </div>
<div class="tip-con"> <div class="tip-con">
<p>· Contain at least 8 characters.</p> <p>· Contain at least 8 characters.</p>
...@@ -41,9 +41,9 @@ ...@@ -41,9 +41,9 @@
</div> </div>
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp ">CONFIRM PASSWORD</p> <p class="labelp ">CONFIRM PASSWORD</p>
<input type="text"> <input type="text" class="password_confirmation">
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips tips2"></div>
<div class="but gobtn">Submit</div> <div class="but gobtn">Submit</div>
</div> </div>
</div> </div>
......
resources/views/auth/login.blade.php
...@@ -10,25 +10,25 @@ ...@@ -10,25 +10,25 @@
<div class="authpage"> <div class="authpage">
<div class="auth-con boxsiz row verCenter"> <div class="auth-con boxsiz row verCenter">
<div class="auth-box forgetStep1" > <div class="auth-box forgetStep1">
<div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div> <div class="authb-head row rowCenter verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"></div>
<div class="inputboxp boxsiz loginbox"> <div class="inputboxp boxsiz loginbox verifyBoxlogin">
<p class="headtips">Login</p> <p class="headtips">Login</p>
<div class="input-group-auth"> <div class="input-group-auth">
<input type="text" placeholder="Email/Username"> <input type="text" placeholder="Email/Username" class="accountxk verify" verifyTip='{"type":"email","text":"EMAIL"}'>
</div> </div>
<div class="input-group-auth"> <div class="input-group-auth">
<input type="text" placeholder="Password"> <input type="text" placeholder="Password" class="passwordxk verify" verifyTip='{"type":"null","text":"Password"}'>
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="but loginbut">Login</div> <div class="but loginbut loginbutxk">Login</div>
<div class="goForget"><a href="/forget" >Forget Password</a></div> <div class="goForget"><a href="/forget">Forget Password</a></div>
<div class="nocount">Don’t have an account?</div> <div class="nocount">Don’t have an account?</div>
<a href="/reg" class="goReg">Register Now</a> <a href="/reg" class="goReg">Register Now</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@endsection @endsection
......
resources/views/auth/register.blade.php
...@@ -12,138 +12,134 @@ ...@@ -12,138 +12,134 @@
<div class="auth-con boxsiz row verCenter"> <div class="auth-con boxsiz row verCenter">
<div class="auth-box regStep1" > <div class="auth-box regStep1" >
<div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div> <div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
<div class="inputboxp boxsiz"> <div class="inputboxp boxsiz verifyBox">
<p class="headtips">WHO IS THIS ACCOUNT FOR?</p> <p class="headtips">WHO IS THIS ACCOUNT FOR?</p>
<div class="checkbox row"> <div class="checkbox row">
<div class="check-group row act"> <div class="check-group row act" guid="1">
<p class="row verCenter rowCenter"> <p class="row verCenter rowCenter">
<font></font> <font></font>
</p> </p>
<span>For Business</span> <span>For Business</span>
</div> </div>
<div class="check-group row"> <div class="check-group row" guid="2">
<p> <p class="row verCenter rowCenter">
<font></font> <font></font>
</p> </p>
<span>For Business</span> <span>For Individual</span>
</div> </div>
</div> </div>
<div class="input-con"> <div class="input-con ">
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>COMPANY NAME</p> <p class="labelp"><span>*</span>COMPANY NAME</p>
<input type="text"> <input type="text" class="verify company_name" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
</div> </div>
<div class="input-group-auth sm ml30"> <div class="input-group-auth sm ml30">
<p class="labelp"><span>*</span>FIRST NAME</p> <p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text"> <input type="text" class="verify first_name" verifyTip='{"type":"null","text":"FIRST NAME"}'>
</div> </div>
<div class="input-group-auth sm ml30"> <div class="input-group-auth sm ml30">
<p class="labelp"><span>*</span>LAST NAME</p> <p class="labelp"><span>*</span>LAST NAME</p>
<input type="text"> <input type="text" class="verify last_name" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>PHONE</p> <p class="labelp"><span>*</span>PHONE</p>
<input type="text"> <input type="text" class="verify phone" verifyTip='{"type":"null","text":"PHONE"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp"><span>*</span>EMAIL</p> <p class="labelp"><span>*</span>EMAIL</p>
<input type="text"> <input type="text" class="verify email" verifyTip='{"type":"email","text":"EMAIL"}'>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>PASSWORD</p> <p class="labelp"><span>*</span>PASSWORD</p>
<input type="text" placeholder="Contain at least 8 characters"> <input type="text" class="verify password" placeholder="Contain at least 8 characters" verifyTip='{"type":"null","text":"PASSWORD"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp"><span>*</span>CONFIRM PASSWORD</p> <p class="labelp"><span>*</span>CONFIRM PASSWORD</p>
<input type="text"> <input type="text" class="verify password_confirmation" verifyTip='{"type":"null","text":"CONFIRM PASSWORD"}'>
</div> </div>
</div> </div>
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="but gobtn gonext">Continue to Step2</div> <div class="but gobtn gonext gonext1">Continue to Step2</div>
</div> </div>
</div> </div>
<div class="auth-box regStep2" style="display:none"> <div class="auth-box regStep2" style="display:none">
<div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div> <div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
<div class="inputboxp boxsiz"> <div class="inputboxp boxsiz verifyBox2">
<p class="headtips">A verification code has been sent.Please enter thecode below to continue.</p> <p class="headtips">A verification code has been sent.Please enter thecode below to continue.</p>
<div class="input-con"> <div class="input-con">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">Edward@google.cn</p> <p class="labelp yxtext">Edward@google.cn</p>
<input type="text"> <input type="text" class="verify email_code" verifyTip='{"type":"null","text":"EMAIL CODE"}'>
</div> </div>
</div> </div>
<div class="tips">*Required</div> <div class="tips"></div>
<div class="resendbox row"> <div class="resendbox row">
Didn't receive a code?<div class="resendbut">Resend</div> Didn't receive a code?<div class="resendbut">Resend</div>
</div> </div>
<div class="butbox row rowCenter"> <div class="butbox row rowCenter">
<div class="backbut">Back</div> <div class="backbut">Back</div>
<div class="but nextbut">NEXT</div> <div class="but nextbut gonext2">Register</div>
</div> </div>
</div> </div>
</div> </div>
<div class="auth-box regStep3" style="display:none;"> <div class="auth-box regStep3" style="display:none">
<div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div> <div class="authb-head row verCenter"><img src="{{$public}}/assets/images/home/smlogo.png" alt="" class="logoftsm"><span>Create an Account</span></div>
<div class="inputboxp boxsiz"> <div class="inputboxp boxsiz verifyBox3">
<p class="headtips">Shipping Address and Contact lnformation</p> <p class="headtips">Shipping Address and Contact lnformation</p>
<div class="input-con"> <div class="input-con">
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">COUNTRY/REGION</p> <p class="labelp"><span>*</span>COUNTRY/REGION</p>
<select name="" > <div class="getCountryBox">
<option value="1">USA</option> <input type="text" class="getCountry country3 verify" verifyTip='{"type":"null","text":"COUNTRY/REGION"}'>
<option value="2">CHAIN</option> <div class="conps scrollbar boxsiz countryconent">
</select> <div class="citem">ddd</div>
<div class="citem">ttt</div>
</div>
</div>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp">FIRST NAME</p> <p class="labelp"><span>*</span>STATE</p>
<input type="text"> <input type="text" class="province3 verify" verifyTip='{"type":"null","text":"STATE"}'>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">LAST NAME</p> <p class="labelp"><span>*</span>LAST NAME</p>
<input type="text"> <input type="text" class="last_name3 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp">STATE</p> <p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text"> <input type="text" class="first_name3 verify" verifyTip='{"type":"null","text":"FIRST NAME"}'>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">ADRESS LINE1</p> <p class="labelp"><span>*</span>ADDRESS</p>
<input type="text"> <textarea name="" class="detail_address3 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
</div>
<div class="input-group-auth ml30">
<p class="labelp">ADRESS LINE2</p>
<input type="text">
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp">CITY</p> <p class="labelp"><span>*</span>CITY</p>
<input type="text"> <input type="text" class="city3 verify" verifyTip='{"type":"null","text":"CITY"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp">POSTAL CODE</p> <p class="labelp"><span>*</span>POSTAL CODE</p>
<div class="row xs"> <input type="text" class="post_code3 verify" verifyTip='{"type":"null","text":"POSTAL CODE"}'>
<input type="text">
<span class="hline"></span>
<input type="text">
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -152,8 +148,12 @@ ...@@ -152,8 +148,12 @@
By clicking "Register", you acknowledge that you have read and agreed to SEMOUR’s Terms By clicking "Register", you acknowledge that you have read and agreed to SEMOUR’s Terms
and Conditions and Privacy Policy Statement. and Conditions and Privacy Policy Statement.
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="but gobtn gonext">Register</div> <div class="row">
<div class="but gobtn gonext gonext3">Submit</div>
<div class="but gobtn gonext gonext3Jump">Skip</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
resources/views/common/headerNav.php → resources/views/common/headerNav.blade.php
...@@ -6,15 +6,20 @@ ...@@ -6,15 +6,20 @@
<a href="" class="fr clj">CONTACT US</a> <a href="" class="fr clj">CONTACT US</a>
<div class="login-head-box notLoginclj fr clj" > <div class="login-head-box notLoginclj fr clj" >
<a href="" >Login</a> <a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font> <font>/</font>
<a href="">Register</a> <a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div> </div>
<div class="login-head-box yesLogin fr clj" style="display:none"> <div class="login-head-box yesLogin fr clj" style="display:none;">
<a href="" class="row"> <a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span> <span><i class="icon iconfont icon-touxiang"></i></span>
<div class="fz-16 username">460053411@qq.com</div> <div class="username">460053411@qq.com</div>
</a> </a>
<div class="userurl-box">
<a href="/user/order">My Orders</a>
<a href="/user/inquiry">My RFQ</a>
<a href="/user/account">My Account</a>
</div>
</div> </div>
<a href="" class="fr iconbx"><i class="icon iconfont icon-shouyesousuo"></i></a> <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> <a href="" class="fr carbc iconbx"><i class="icon iconfont icon-gouwuche"></i><span>99</span></a>
......
resources/views/common/mallHeaderNav.blade.php
...@@ -7,15 +7,20 @@ ...@@ -7,15 +7,20 @@
<div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div> <div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
</div> </div>
<a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a> <a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
<div class="login-head-box notLogin"> <div class="login-head-box notLogin" style="display:none">
<a href="">Login</a> <a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="">Register</a> <font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div> </div>
<div class="login-head-box yesLogin" style="display:none"> <div class="login-head-box yesLogin" >
<a href="" class="row"> <a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span> <span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div> <div class="username">460053411@qq.com</div>
</a> </a>
<div class="userurl-box">
<a href="/user/order">My Orders</a>
<a href="/user/inquiry">My RFQ</a>
<a href="/user/account">My Account</a>
</div>
</div> </div>
<a href="" class="about-link">Contact Us</a> <a href="" class="about-link">Contact Us</a>
</div> </div>
...@@ -27,7 +32,7 @@ ...@@ -27,7 +32,7 @@
<div class="procon boxsiz"> <div class="procon boxsiz">
<div class="groupboxx"> <div class="groupboxx">
<div class="headboxx row"> <div class="headboxx row">
<img src="{{$public}}/assets/images/common/class1.png" alt=""> <img src="{{$public}}/assets/images/common/class1.png" alt="">
<p>Actives</p> <p>Actives</p>
</div> </div>
<div class="conboxx row"> <div class="conboxx row">
...@@ -52,7 +57,7 @@ ...@@ -52,7 +57,7 @@
</div> </div>
<div class="groupboxx"> <div class="groupboxx">
<div class="headboxx row"> <div class="headboxx row">
<img src="{{$public}}/assets/images/common/class2.png" alt=""> <img src="{{$public}}/assets/images/common/class2.png" alt="">
<p>Actives</p> <p>Actives</p>
</div> </div>
<div class="conboxx row"> <div class="conboxx row">
...@@ -77,7 +82,7 @@ ...@@ -77,7 +82,7 @@
</div> </div>
<div class="groupboxx"> <div class="groupboxx">
<div class="headboxx row"> <div class="headboxx row">
<img src="{{$public}}/assets/images/common/class3.png" alt=""> <img src="{{$public}}/assets/images/common/class3.png" alt="">
<p>Actives</p> <p>Actives</p>
</div> </div>
<div class="conboxx row"> <div class="conboxx row">
...@@ -107,4 +112,4 @@ ...@@ -107,4 +112,4 @@
<a href="" class="li">About us</a> <a href="" class="li">About us</a>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
resources/views/layouts/app.blade.php
...@@ -16,6 +16,9 @@ ...@@ -16,6 +16,9 @@
@yield('body') @yield('body')
</div> </div>
<!-- JS 脚本 --> <!-- JS 脚本 -->
<script>
window.isMallXk=0;
</script>
@include("common.js") @include("common.js")
@yield('js') @yield('js')
</body> </body>
......
resources/views/user/account.blade.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/account.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallUserHeaderNav')
<div class="accountbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="/mall">Home</a>
<i>></i>
<a href="#">Member Center</a>
<i>></i>
<span>My Account</span>
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li " href="/user/order">My Orders</a>
<a class="li " href="/user/inquiry">My RFQ</a>
<a class="li act" href="/user/account">My Account</a>
</div>
<div class="user-right boxsiz">
<div class="nav row">
<div class="item act ">
<div class="row rowCenter">
Information
</div>
</div>
<div class="item ">
<div class="row rowCenter">
Address
</div>
</div>
</div>
<div class="section lboxs infobase" style="display:none;">
<div class="row bothSide boxinfo">
<div class="l ">
<div class="grp row">
<div class="labels"><span>*</span>PHONE</div>
<span class="lval">000-0000-0000</span>
<div class="edit">Edit</div>
</div>
<div class="grp row">
<div class="labels"><span>*</span>EMAIL</div>
<span class="lval">123456789@qq.com</span>
<div class="edit">Edit</div>
</div>
</div>
<div class="r">
<div class="changebtn">Change Password</div>
</div>
</div>
<div class="row bothSide boxinfo">
<div class="l ">
<div class="grp row">
<div class="labels">Account Properties</div>
<span class="lval">For Business</span>
</div>
<div class="grp row">
<div class="labels"><span>*</span>COMPANY NAME</div>
<span class="lval">APPLE INC</span>
</div>
<div class="grp row">
<div class="labels"><span>*</span>FIRST NAME</div>
<span class="lval">APPLE INC</span>
</div>
<div class="grp row">
<div class="labels"><span>*</span>LAST NAME</div>
<span class="lval">APPLE INC</span>
</div>
</div>
<div class="r">
<div class="changebtn">Change Information</div>
</div>
</div>
</div>
<div class="lboxs addressbox">
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w56">NO.</div>
<div class="th w150">NAME</div>
<div class="th w150">COMPANY NAME</div>
<div class="th w150">EMAIL</div>
<div class="th w150">TELEPHONE</div>
<div class="th w150">ADDRESS</div>
<div class="th w150">Options</div>
</div>
<div class="tbody">
<div class="tr row boxsiz">
<div class="td w56">1</div>
<div class="td w150">Michael Jordan</div>
<div class="td w150">ABC123456789</div>
<div class="td w150">ABCD@qq.com</div>
<div class="td w150">000-000-0000</div>
<div class="td w150">asdasdasdasdasdas</div>
<div class="td w150 row avarage">
<div class="bot editbtns">Edit</div>
<div class="bot delbtns">Delete</div>
</div>
</div>
<div class="tr row boxsiz">
<div class="td w56">1</div>
<div class="td w150">Michael Jordan</div>
<div class="td w150">ABC123456789</div>
<div class="td w150">ABCD@qq.com</div>
<div class="td w150">000-000-0000</div>
<div class="td w150">asdasdasdasdasdas</div>
<div class="td w150 row avarage">
<div class="bot editbtns">Edit</div>
<div class="bot delbtns">Delete</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/user/account.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/user/inquiry.blade.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/user/frq.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallUserHeaderNav')
<div class="frqbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="/mall">Home</a>
<i>></i>
<a href="#">Member Center</a>
<i>></i>
<span>My RFQ</span>
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li " href="/user/order">My Orders</a>
<a class="li act" href="/user/inquiry">My RFQ</a>
<a class="li " href="/user/account">My Account</a>
</div>
<div class="user-right boxsiz">
<div class="row bothSide">
<div class="nav row">
<div class="item act ">
<div class="row rowCenter">
<div>All</div><span>(2)</span>
</div>
</div>
<div class="item ">
<div class="row rowCenter">
<div>Pending</div><span>(2)</span>
</div>
</div>
<div class="item ">
<div class="row rowCenter">
<div>Replied</div><span>(2)</span>
</div>
</div>
</div>
<div class="search-shit boxsiz">
<span class="icon"><i class="icon iconfont icon-shouyesousuo"></i></span>
<input type="text" placeholder="Search Part No./Quotation No.">
</div>
</div>
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w200">RFQ No.</div>
<div class="th w200">Part NO.</div>
<div class="th w200">Remark</div>
<div class="th w188">Status</div>
<div class="th w200">Time</div>
</div>
<div class="tbody">
<div class="tr row boxsiz">
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w188">Pending</div>
<div class="td w200">2022-10-10 12:00:00</div>
</div>
<div class="tr row boxsiz">
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w200">ABC123456789</div>
<div class="td w188">Pending</div>
<div class="td w200">2022-10-10 12:00:00</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/user/frq.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/user/order.blade.php
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<div class="orderbox w1200 "> <div class="orderbox w1200 ">
<div class="bread-menu row boxsiz bothSide"> <div class="bread-menu row boxsiz bothSide">
<div> <div>
<a href="">Home</a> <a href="/mall">Home</a>
<i>></i> <i>></i>
<a href="">Member Center</a> <a href="">Member Center</a>
<i>></i> <i>></i>
...@@ -22,10 +22,12 @@ ...@@ -22,10 +22,12 @@
</div> </div>
</div> </div>
<div class="cons row bothSide"> <div class="cons row bothSide">
<div class="user-left-nav boxsiz"> <div class="cons row bothSide">
<a class="li act">My Orders</a> <div class="user-left-nav boxsiz">
<a class="li">My RFQ</a> <a class="li act" href="/user/order">My Orders</a>
<a class="li">My Account</a> <a class="li " href="/user/inquiry">My RFQ</a>
<a class="li " href="/user/account">My Account</a>
</div>
</div> </div>
<div class="user-right boxsiz"> <div class="user-right boxsiz">
<div class="nav row"> <div class="nav row">
......
resources/views/user/orderDetail.blade.php
...@@ -10,20 +10,20 @@ ...@@ -10,20 +10,20 @@
<div class="orderdetailbox w1200 "> <div class="orderdetailbox w1200 ">
<div class="bread-menu row boxsiz bothSide"> <div class="bread-menu row boxsiz bothSide">
<div> <div>
<a href="">Home</a> <a href="/mall">Home</a>
<i>></i> <i>></i>
<a href="">Member Center</a> <a href="#">Member Center</a>
<i>></i> <i>></i>
<a href="">My Orders</a> <a href="/user/order">My Orders</a>
<i>></i> <i>></i>
<span>Order Details</span> <span>Order Details</span>
</div> </div>
</div> </div>
<div class="cons row bothSide"> <div class="cons row bothSide">
<div class="user-left-nav boxsiz"> <div class="user-left-nav boxsiz">
<a class="li act">My Orders</a> <a class="li act" href="/user/order">My Orders</a>
<a class="li">My RFQ</a> <a class="li " href="/user/inquiry">My RFQ</a>
<a class="li">My Account</a> <a class="li " href="/user/account">My Account</a>
</div> </div>
<div class="user-right boxsiz detailbox" style="display:none;"> <div class="user-right boxsiz detailbox" style="display:none;">
<div class="head row bothSide"> <div class="head row bothSide">
......
routes/web.php
...@@ -51,4 +51,8 @@ Route::get('/confirm', 'CarController@confirm')->name('car.confirm'); ...@@ -51,4 +51,8 @@ Route::get('/confirm', 'CarController@confirm')->name('car.confirm');
Route::get('/user/order', 'UserController@order')->name('user.order'); Route::get('/user/order', 'UserController@order')->name('user.order');
Route::get('/user/orderDetail', 'UserController@orderDetail')->name('user.orderDetail'); Route::get('/user/orderDetail', 'UserController@orderDetail')->name('user.orderDetail');
Route::get('/user/inquiry', 'UserController@inquiry')->name('user.inquiry');
Route::get('/user/account', 'UserController@account')->name('user.account');
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