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
{
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,
}
}
}
.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}
\ No newline at end of file
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
public/assets/css/common/base.less
......@@ -128,6 +128,7 @@ input {
}
}
.scrollbar{
overflow-y: auto;
&::-webkit-scrollbar {
width : 2px;
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}
\ No newline at end of file
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}
\ No newline at end of file
public/assets/css/common/common.less
......@@ -73,9 +73,46 @@
.ghn-right-box {
position: relative;
top : -30px;
.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 {
font-size: 16px;
color : #fff;
......@@ -432,6 +469,36 @@
}
&.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 {
font-size: 14px;
}
......@@ -441,7 +508,7 @@
font-size: 16px;
}
div {
div.username {
width : 108px;
overflow : hidden;
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}
\ No newline at end of file
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{background:url("../../images/common/footer9.png") no-repeat;background-size:100% 100%;color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file
public/assets/css/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 = {
init: function () {
forget.handle();
},
handle:function(){
$(".gonext").click(function(){
$(".auth-box").hide()
$(".forgetStep2").show()
if (form.test(".verifyBox")) {
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();
})
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({
'liexin_ajax':"common/liexin_ajax.js" ,
'liexin_pop':"common/liexin_pop.js",
'mallUi':"common/mallUi",//商城公用UI交互
'form':"common/form",//商城公用UI交互
},
charset: 'utf-8',// 文件编码,
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) {
},
error: function () {
liexin_pop.LoadingHide();
layer.msg('网络出现问题，请重试！');
liexin_pop.Tip({title:"网络错误"});
}
});
}
......
public/assets/js/common/tool.js
......@@ -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 @@
<div class="auth-con boxsiz row verCenter">
<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="inputboxp boxsiz">
<div class="inputboxp boxsiz verifyBox">
<p class="headtips">Reset Your Password</p>
<div class="input-group-auth">
<p class="labelp">EMAIL</p>
<input type="text">
<input type="text" class="verify email" verifyTip='{"type":"email","text":"EMAIL"}'>
</div>
<div class="getCode but">Get verification code</div>
<div class="input-group-auth">
<p class="labelp ">VERIFICATION CODE</p>
<input type="text">
<input type="text" class="verify code" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div>
<div class="tips">Wrong Email Address</div>
<div class="tips"></div>
<div class="but gobtn gonext">NEXT</div>
</div>
</div>
......@@ -33,7 +33,7 @@
<p class="headtips">Reset Your Password</p>
<div class="input-group-auth">
<p class="labelp">NEW PASSWORD</p>
<input type="text">
<input type="text" class="password">
</div>
<div class="tip-con">
<p>· Contain at least 8 characters.</p>
......@@ -41,9 +41,9 @@
</div>
<div class="input-group-auth">
<p class="labelp ">CONFIRM PASSWORD</p>
<input type="text">
<input type="text" class="password_confirmation">
</div>
<div class="tips">Wrong Email Address</div>
<div class="tips tips2"></div>
<div class="but gobtn">Submit</div>
</div>
</div>
......
resources/views/auth/login.blade.php
......@@ -10,25 +10,25 @@
<div class="authpage">
<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="inputboxp boxsiz loginbox">
<div class="inputboxp boxsiz loginbox verifyBoxlogin">
<p class="headtips">Login</p>
<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 class="input-group-auth">
<input type="text" placeholder="Password">
<input type="text" placeholder="Password" class="passwordxk verify" verifyTip='{"type":"null","text":"Password"}'>
</div>
<div class="tips">Wrong Email Address</div>
<div class="but loginbut">Login</div>
<div class="goForget"><a href="/forget" >Forget Password</a></div>
<div class="tips"></div>
<div class="but loginbut loginbutxk">Login</div>
<div class="goForget"><a href="/forget">Forget Password</a></div>
<div class="nocount">Don’t have an account?</div>
<a href="/reg" class="goReg">Register Now</a>
</div>
</div>
</div>
</div>
@endsection
......
resources/views/auth/register.blade.php
......@@ -12,138 +12,134 @@
<div class="auth-con boxsiz row verCenter">
<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="inputboxp boxsiz">
<div class="inputboxp boxsiz verifyBox">
<p class="headtips">WHO IS THIS ACCOUNT FOR?</p>
<div class="checkbox row">
<div class="check-group row act">
<div class="check-group row act" guid="1">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>For Business</span>
</div>
<div class="check-group row">
<p>
<div class="check-group row" guid="2">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>For Business</span>
<span>For Individual</span>
</div>
</div>
<div class="input-con">
<div class="input-con ">
<div class="row">
<div class="input-group-auth">
<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 class="input-group-auth sm ml30">
<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 class="input-group-auth sm ml30">
<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 class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>PHONE</p>
<input type="text">
<input type="text" class="verify phone" verifyTip='{"type":"null","text":"PHONE"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>EMAIL</p>
<input type="text">
<input type="text" class="verify email" verifyTip='{"type":"email","text":"EMAIL"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<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 class="input-group-auth ml30">
<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 class="tips">Wrong Email Address</div>
<div class="but gobtn gonext">Continue to Step2</div>
<div class="tips"></div>
<div class="but gobtn gonext gonext1">Continue to Step2</div>
</div>
</div>
<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="inputboxp boxsiz">
<div class="inputboxp boxsiz verifyBox2">
<p class="headtips">A verification code has been sent.Please enter thecode below to continue.</p>
<div class="input-con">
<div class="input-group-auth">
<p class="labelp">Edward@google.cn</p>
<input type="text">
<p class="labelp yxtext">Edward@google.cn</p>
<input type="text" class="verify email_code" verifyTip='{"type":"null","text":"EMAIL CODE"}'>
</div>
</div>
<div class="tips">*Required</div>
<div class="tips"></div>
<div class="resendbox row">
Didn't receive a code?<div class="resendbut">Resend</div>
</div>
<div class="butbox row rowCenter">
<div class="backbut">Back</div>
<div class="but nextbut">NEXT</div>
<div class="but nextbut gonext2">Register</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="inputboxp boxsiz">
<div class="inputboxp boxsiz verifyBox3">
<p class="headtips">Shipping Address and Contact lnformation</p>
<div class="input-con">
<div class="row">
<div class="input-group-auth">
<p class="labelp">COUNTRY/REGION</p>
<select name="" >
<option value="1">USA</option>
<option value="2">CHAIN</option>
</select>
<p class="labelp"><span>*</span>COUNTRY/REGION</p>
<div class="getCountryBox">
<input type="text" class="getCountry country3 verify" verifyTip='{"type":"null","text":"COUNTRY/REGION"}'>
<div class="conps scrollbar boxsiz countryconent">
<div class="citem">ddd</div>
<div class="citem">ttt</div>
</div>
</div>
</div>
<div class="input-group-auth ml30">
<p class="labelp">FIRST NAME</p>
<input type="text">
<p class="labelp"><span>*</span>STATE</p>
<input type="text" class="province3 verify" verifyTip='{"type":"null","text":"STATE"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp">LAST NAME</p>
<input type="text">
<p class="labelp"><span>*</span>LAST NAME</p>
<input type="text" class="last_name3 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp">STATE</p>
<input type="text">
<p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text" class="first_name3 verify" verifyTip='{"type":"null","text":"FIRST NAME"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp">ADRESS LINE1</p>
<input type="text">
</div>
<div class="input-group-auth ml30">
<p class="labelp">ADRESS LINE2</p>
<input type="text">
<p class="labelp"><span>*</span>ADDRESS</p>
<textarea name="" class="detail_address3 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp">CITY</p>
<input type="text">
<p class="labelp"><span>*</span>CITY</p>
<input type="text" class="city3 verify" verifyTip='{"type":"null","text":"CITY"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp">POSTAL CODE</p>
<div class="row xs">
<input type="text">
<span class="hline"></span>
<input type="text">
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>POSTAL CODE</p>
<input type="text" class="post_code3 verify" verifyTip='{"type":"null","text":"POSTAL CODE"}'>
</div>
</div>
</div>
......@@ -152,8 +148,12 @@
By clicking "Register", you acknowledge that you have read and agreed to SEMOUR’s Terms
and Conditions and Privacy Policy Statement.
</div>
<div class="tips">Wrong Email Address</div>
<div class="but gobtn gonext">Register</div>
<div class="tips"></div>
<div class="row">
<div class="but gobtn gonext gonext3">Submit</div>
<div class="but gobtn gonext gonext3Jump">Skip</div>
</div>
</div>
</div>
</div>
......
resources/views/common/headerNav.php → resources/views/common/headerNav.blade.php
......@@ -6,15 +6,20 @@
<a href="" class="fr clj">CONTACT US</a>
<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>
<a href="">Register</a>
<a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</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">
<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>
<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>
<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>
......
resources/views/common/mallHeaderNav.blade.php
......@@ -7,15 +7,20 @@
<div class="searchbtnx boxsiz"><i class="icon iconfont icon-sousuo-shangcheng"></i></div>
</div>
<a class="car-boxs"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
<div class="login-head-box notLogin">
<a href="">Login</a>
<font>/</font><a href="">Register</a>
<div class="login-head-box notLogin" style="display:none">
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div>
<div class="login-head-box yesLogin" style="display:none">
<div class="login-head-box yesLogin" >
<a href="" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">460053411@qq.com</div>
</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>
<a href="" class="about-link">Contact Us</a>
</div>
......@@ -27,7 +32,7 @@
<div class="procon boxsiz">
<div class="groupboxx">
<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>
</div>
<div class="conboxx row">
......@@ -52,7 +57,7 @@
</div>
<div class="groupboxx">
<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>
</div>
<div class="conboxx row">
......@@ -77,7 +82,7 @@
</div>
<div class="groupboxx">
<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>
</div>
<div class="conboxx row">
......@@ -107,4 +112,4 @@
<a href="" class="li">About us</a>
</div>
</div>
</div>
</div>
\ No newline at end of file
resources/views/layouts/app.blade.php
......@@ -16,6 +16,9 @@
@yield('body')
</div>
<!-- JS 脚本 -->
<script>
window.isMallXk=0;
</script>
@include("common.js")
@yield('js')
</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 @@
<div class="orderbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="">Home</a>
<a href="/mall">Home</a>
<i>></i>
<a href="">Member Center</a>
<i>></i>
......@@ -22,10 +22,12 @@
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li act">My Orders</a>
<a class="li">My RFQ</a>
<a class="li">My Account</a>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li act" href="/user/order">My Orders</a>
<a class="li " href="/user/inquiry">My RFQ</a>
<a class="li " href="/user/account">My Account</a>
</div>
</div>
<div class="user-right boxsiz">
<div class="nav row">
......
resources/views/user/orderDetail.blade.php
......@@ -10,20 +10,20 @@
<div class="orderdetailbox w1200 ">
<div class="bread-menu row boxsiz bothSide">
<div>
<a href="">Home</a>
<a href="/mall">Home</a>
<i>></i>
<a href="">Member Center</a>
<a href="#">Member Center</a>
<i>></i>
<a href="">My Orders</a>
<a href="/user/order">My Orders</a>
<i>></i>
<span>Order Details</span>
</div>
</div>
<div class="cons row bothSide">
<div class="user-left-nav boxsiz">
<a class="li act">My Orders</a>
<a class="li">My RFQ</a>
<a class="li">My Account</a>
<a class="li act" href="/user/order">My Orders</a>
<a class="li " href="/user/inquiry">My RFQ</a>
<a class="li " href="/user/account">My Account</a>
</div>
<div class="user-right boxsiz detailbox" style="display:none;">
<div class="head row bothSide">
......
routes/web.php
......@@ -51,4 +51,8 @@ Route::get('/confirm', 'CarController@confirm')->name('car.confirm');
Route::get('/user/order', 'UserController@order')->name('user.order');
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