Skip to content

semour / semour_web

Go to a project
Commit c503037d by 肖康
Options

导航分类

parent b1a69b5b
Inline Side-by-side
Showing with 987 additions and 133 deletions
app/Http/Controllers/BrandController.php
...@@ -26,6 +26,7 @@ class BrandController extends Controller ...@@ -26,6 +26,7 @@ class BrandController extends Controller
{ {
$brandList = BrandService::getStandardBrandList(); $brandList = BrandService::getStandardBrandList();
return view('brand.map',compact('brandList')); return view('brand.map',compact('brandList'));
} }
......
public/assets/css/car/confirm copy20221114.less 0 → 100644
.confirmbox {
.back {
height: 56px;
a {
font-size: 14px;
color : #555;
}
i {
color : #04439D;
font-size: 16px;
}
}
.top {
background: #FFFFFF;
.head {
width : 1200px;
height : 48px;
background : #DFEAFA;
color : #164D9A;
font-size : 16px;
font-weight : bold;
padding-left: 25px;
}
.address-group {
padding : 0 40px;
font-size : 14px;
color : #555;
position : relative;
padding-bottom: 40px;
.edit {
width : 216px;
position: absolute;
top : 30px;
right : 40px;
.bt {
width : 91px;
height : 33px;
line-height : 33px;
border : 1px solid #164D9A;
border-radius: 4px;
text-align : center;
color : #164D9A;
margin-left : 30px;
&:first-child {
margin: 0px;
}
cursor: pointer;
}
}
.choose {
font-size : 16px;
color : #222;
font-weight: bold;
height : 30px;
.choosebtn {
margin-left: 32px;
cursor : pointer;
i {
display : block;
width : 11px;
height : 11px;
border : 1px solid #164D9A;
border-radius: 50%;
position : relative;
top : 1px;
margin-right : 4px;
}
&.act {
i {
&::after {
position : absolute;
content : "";
width : 7px;
height : 7px;
background : #164D9A;
border-radius: 50%;
top : 2px;
left : 2px;
}
}
}
span {
color : #555;
font-size: 14px;
}
}
}
.info {
margin-top: 22px;
.name {
min-width : 159px;
margin-right: 70px;
}
.email {
margin-left : 70px;
margin-right: 70px;
}
}
.addre {
height : 32px;
line-height: 32px;
margin-top : 23px;
}
.defaults {
width : 160px;
height : 32px;
line-height : 32px;
text-align : center;
background : #FAFAFA;
border : 1px solid #DFEAFA;
border-radius: 4px;
margin-left : 70px;
}
.handle-box {
margin-top: 26px;
.bts {
cursor : pointer;
color : #164D9A;
font-size : 14px;
cursor : pointer;
margin-right: 70px;
}
}
}
}
.bottom {
background : #fff;
margin-top : 18px;
padding-top : 24px;
padding-bottom: 30px;
.head {
padding: 0px 4px;
span {
font-size : 16px;
font-weight : bold;
width : 198px;
border-bottom : 4px solid #164D9A;
border-radius : 2px;
padding-bottom: 8px;
text-align : center;
}
}
.list-table {
width : 1152px;
margin : 0 auto;
border-radius: 0px 0px 8px 8px;
margin-top : 20px;
.w70 {
width: 70px;
}
.w184 {
width: 184px;
}
.w176 {
width: 176px;
}
.w153 {
width: 153px;
}
.w116 {
width: 116px;
}
.w123 {
width: 123px;
}
.w120 {
width: 120px
}
.thead {
height : 38px;
background : #DFEAFA;
line-height : 38px;
border-radius: 8px 8px 0px 0px;
padding : 0 15px;
.th {
font-size : 14px;
color : #333;
font-weight : bold;
box-sizing : border-box;
padding-right: 5px;
}
}
.tbody {
font-size : 14px;
color : #555;
border-radius: 0px 0px 8px 8px;
background : #F7FAFF;
overflow : hidden;
input {
width : 164px;
height : 26px;
background : #FAFAFA;
border : 1px solid #DFEAFA;
border-radius: 4px;
line-height : 26px;
color : #333;
}
.tr {
line-height : 20px;
border-bottom: 1px solid #DFEAFA;
padding : 20px 15px;
box-sizing : border-box;
.td {
word-break : break-all;
box-sizing : border-box;
padding-right: 5px;
}
&:last-child {
border: 0px;
}
&.sxbox {
background: rgba(51, 51, 51, 0.2);
input {
background: none;
border : 1px solid #BCBCBC;
}
}
}
.pdf {
color : #F68332;
font-size: 20px;
}
.sx {
width : 100px;
height : 20px;
border : 1px solid #EE1919;
border-radius: 14px;
color : #EE1919;
font-size : 14px;
text-align : center;
line-height : 20px;
position : relative;
top : 1px;
}
}
}
.jsInfo {
span {
font-size : 16px;
color : #333;
font-weight: bold;
}
padding :0 25px;
padding-top :20px;
padding-left:836px;
.f-red {
color: #E92E2E;
}
.jsitem {
height : 30px;
line-height: 30px;
i {
margin-right: 22px;
color : #555;
}
.tcon {
width: 300px;
}
&.notip {
padding-left: 39px;
}
.tips {
position: relative;
.tipcon {
position : absolute;
width : 500px;
background : rgba(40, 63, 235, 0.65);
border : 1px solid #FFFFFF;
border-radius: 10px;
color : #fff;
padding : 10px 20px;
line-height : 20px;
box-sizing : border-box;
left : -500px;
top : -15px;
display : none;
}
&:hover {
.tipcon {
display: block;
}
}
}
}
}
.submit {
width : 372px;
height : 40px;
line-height : 40px;
text-align : center;
cursor : pointer;
background : #164D9A;
background : #164D9A;
border-radius: 4px;
margin : 0 auto;
margin-top : 30px;
color : #fff;
}
}
}
/**选择地址弹窗**/
.choose-popcheck {
.w45 {
width: 45px;
}
.w130 {
width: 130px;
}
.w210 {
width: 210px;
}
.w153 {
width: 153px;
}
.w148 {
width: 148px;
}
.w122 {
width: 122px;
}
.w150{width:150px;}
.thead {
height : 48px;
background : #FFFFFF;
border-radius: 8px 8px 0px 0px;
line-height : 48px;
padding:0 22px;
.th {
font-size : 14px;
color : #333;
font-weight: bold;
padding-right: 5px;
box-sizing: border-box;
}
}
.tbody {
background: #D5E1F3;
border-radius: 0px 0px 8px 8px;
padding : 0 22px;
max-height: 250px;
overflow-y: auto;
.tr {
cursor: pointer;
line-height : 20px;
border-bottom: 1px solid #fff;
box-sizing : border-box;
padding:14px 0;
.td {
word-break : break-all;
box-sizing : border-box;
padding-right: 5px;
font-size: 14px;
color : #555;
}
&:last-child {
border: 0px;
}
&.act{
.td{
color:#164D9A;
font-weight: bold;
}
}
}
}
.choosesubmit{
color:#fff;
font-size: 18px;
font-weight:bold;
width: 176px;
height: 40px;
background: #F68332;
border-radius: 10px;
text-align: center;
line-height: 40px;
margin:0 auto;
margin-top: 24px;
}
}
.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;
z-index: 2;
.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/car/confirm.less
...@@ -447,4 +447,29 @@ ...@@ -447,4 +447,29 @@
margin:0 auto; margin:0 auto;
margin-top: 24px; margin-top: 24px;
} }
}
.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;
z-index: 2;
.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/car/confirm.min.css
.confirmbox .back{height:56px}.confirmbox .back a{font-size:14px;color:#555}.confirmbox .back i{color:#04439D;font-size:16px}.confirmbox .top{background:#FFFFFF}.confirmbox .top .head{width:1200px;height:48px;background:#DFEAFA;color:#164D9A;font-size:16px;font-weight:bold;padding-left:25px}.confirmbox .top .address-group{padding:0 40px;font-size:14px;color:#555;position:relative;padding-bottom:40px}.confirmbox .top .address-group .edit{width:216px;position:absolute;top:30px;right:40px}.confirmbox .top .address-group .edit .bt{width:91px;height:33px;line-height:33px;border:1px solid #164D9A;border-radius:4px;text-align:center;color:#164D9A;margin-left:30px;cursor:pointer}.confirmbox .top .address-group .edit .bt:first-child{margin:0px}.confirmbox .top .address-group .choose{font-size:16px;color:#222;font-weight:bold;height:30px}.confirmbox .top .address-group .choose .choosebtn{margin-left:32px;cursor:pointer}.confirmbox .top .address-group .choose .choosebtn i{display:block;width:11px;height:11px;border:1px solid #164D9A;border-radius:50%;position:relative;top:1px;margin-right:4px}.confirmbox .top .address-group .choose .choosebtn.act i::after{position:absolute;content:"";width:7px;height:7px;background:#164D9A;border-radius:50%;top:2px;left:2px}.confirmbox .top .address-group .choose .choosebtn span{color:#555;font-size:14px}.confirmbox .top .address-group .info{margin-top:22px}.confirmbox .top .address-group .info .name{min-width:159px;margin-right:70px}.confirmbox .top .address-group .info .email{margin-left:70px;margin-right:70px}.confirmbox .top .address-group .addre{height:32px;line-height:32px;margin-top:23px}.confirmbox .top .address-group .defaults{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.confirmbox .top .address-group .handle-box{margin-top:26px}.confirmbox .top .address-group .handle-box .bts{color:#164D9A;font-size:14px;cursor:pointer;margin-right:70px}.confirmbox .bottom{background:#fff;margin-top:18px;padding-top:24px;padding-bottom:30px}.confirmbox .bottom .head{padding:0px 4px}.confirmbox .bottom .head span{font-size:16px;font-weight:bold;width:198px;border-bottom:4px solid #164D9A;border-radius:2px;padding-bottom:8px;text-align:center}.confirmbox .bottom .list-table{width:1152px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.confirmbox .bottom .list-table .w70{width:70px}.confirmbox .bottom .list-table .w184{width:184px}.confirmbox .bottom .list-table .w176{width:176px}.confirmbox .bottom .list-table .w153{width:153px}.confirmbox .bottom .list-table .w116{width:116px}.confirmbox .bottom .list-table .w123{width:123px}.confirmbox .bottom .list-table .w120{width:120px}.confirmbox .bottom .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.confirmbox .bottom .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.confirmbox .bottom .list-table .tbody input{width:164px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.confirmbox .bottom .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.confirmbox .bottom .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody .tr:last-child{border:0px}.confirmbox .bottom .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.confirmbox .bottom .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.confirmbox .bottom .list-table .tbody .pdf{color:#F68332;font-size:20px}.confirmbox .bottom .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.confirmbox .bottom .jsInfo{padding:0 25px;padding-top:20px;padding-left:836px}.confirmbox .bottom .jsInfo span{font-size:16px;color:#333;font-weight:bold}.confirmbox .bottom .jsInfo .f-red{color:#E92E2E}.confirmbox .bottom .jsInfo .jsitem{height:30px;line-height:30px}.confirmbox .bottom .jsInfo .jsitem i{margin-right:22px;color:#555}.confirmbox .bottom .jsInfo .jsitem .tcon{width:300px}.confirmbox .bottom .jsInfo .jsitem.notip{padding-left:39px}.confirmbox .bottom .jsInfo .jsitem .tips{position:relative}.confirmbox .bottom .jsInfo .jsitem .tips .tipcon{position:absolute;width:500px;background:rgba(40,63,235,0.65);border:1px solid #FFFFFF;border-radius:10px;color:#fff;padding:10px 20px;line-height:20px;box-sizing:border-box;left:-500px;top:-15px;display:none}.confirmbox .bottom .jsInfo .jsitem .tips:hover .tipcon{display:block}.confirmbox .bottom .submit{width:372px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#164D9A;border-radius:4px;margin:0 auto;margin-top:30px;color:#fff}.choose-popcheck .w45{width:45px}.choose-popcheck .w130{width:130px}.choose-popcheck .w210{width:210px}.choose-popcheck .w153{width:153px}.choose-popcheck .w148{width:148px}.choose-popcheck .w122{width:122px}.choose-popcheck .w150{width:150px}.choose-popcheck .thead{height:48px;background:#FFFFFF;border-radius:8px 8px 0px 0px;line-height:48px;padding:0 22px}.choose-popcheck .thead .th{font-size:14px;color:#333;font-weight:bold;padding-right:5px;box-sizing:border-box}.choose-popcheck .tbody{background:#D5E1F3;border-radius:0px 0px 8px 8px;padding:0 22px;max-height:250px;overflow-y:auto}.choose-popcheck .tbody .tr{cursor:pointer;line-height:20px;border-bottom:1px solid #fff;box-sizing:border-box;padding:14px 0}.choose-popcheck .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px;font-size:14px;color:#555}.choose-popcheck .tbody .tr:last-child{border:0px}.choose-popcheck .tbody .tr.act .td{color:#164D9A;font-weight:bold}.choose-popcheck .choosesubmit{color:#fff;font-size:18px;font-weight:bold;width:176px;height:40px;background:#F68332;border-radius:10px;text-align:center;line-height:40px;margin:0 auto;margin-top:24px} .confirmbox .back{height:56px}.confirmbox .back a{font-size:14px;color:#555}.confirmbox .back i{color:#04439D;font-size:16px}.confirmbox .top{background:#FFFFFF}.confirmbox .top .head{width:1200px;height:48px;background:#DFEAFA;color:#164D9A;font-size:16px;font-weight:bold;padding-left:25px}.confirmbox .top .address-group{padding:0 40px;font-size:14px;color:#555;position:relative;padding-bottom:40px}.confirmbox .top .address-group .edit{width:216px;position:absolute;top:30px;right:40px}.confirmbox .top .address-group .edit .bt{width:91px;height:33px;line-height:33px;border:1px solid #164D9A;border-radius:4px;text-align:center;color:#164D9A;margin-left:30px;cursor:pointer}.confirmbox .top .address-group .edit .bt:first-child{margin:0px}.confirmbox .top .address-group .choose{font-size:16px;color:#222;font-weight:bold;height:30px}.confirmbox .top .address-group .choose .choosebtn{margin-left:32px;cursor:pointer}.confirmbox .top .address-group .choose .choosebtn i{display:block;width:11px;height:11px;border:1px solid #164D9A;border-radius:50%;position:relative;top:1px;margin-right:4px}.confirmbox .top .address-group .choose .choosebtn.act i::after{position:absolute;content:"";width:7px;height:7px;background:#164D9A;border-radius:50%;top:2px;left:2px}.confirmbox .top .address-group .choose .choosebtn span{color:#555;font-size:14px}.confirmbox .top .address-group .info{margin-top:22px}.confirmbox .top .address-group .info .name{min-width:159px;margin-right:70px}.confirmbox .top .address-group .info .email{margin-left:70px;margin-right:70px}.confirmbox .top .address-group .addre{height:32px;line-height:32px;margin-top:23px}.confirmbox .top .address-group .defaults{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.confirmbox .top .address-group .handle-box{margin-top:26px}.confirmbox .top .address-group .handle-box .bts{color:#164D9A;font-size:14px;cursor:pointer;margin-right:70px}.confirmbox .bottom{background:#fff;margin-top:18px;padding-top:24px;padding-bottom:30px}.confirmbox .bottom .head{padding:0px 4px}.confirmbox .bottom .head span{font-size:16px;font-weight:bold;width:198px;border-bottom:4px solid #164D9A;border-radius:2px;padding-bottom:8px;text-align:center}.confirmbox .bottom .list-table{width:1152px;margin:0 auto;border-radius:0px 0px 8px 8px;margin-top:20px}.confirmbox .bottom .list-table .w70{width:70px}.confirmbox .bottom .list-table .w184{width:184px}.confirmbox .bottom .list-table .w176{width:176px}.confirmbox .bottom .list-table .w153{width:153px}.confirmbox .bottom .list-table .w116{width:116px}.confirmbox .bottom .list-table .w123{width:123px}.confirmbox .bottom .list-table .w120{width:120px}.confirmbox .bottom .list-table .thead{height:38px;background:#DFEAFA;line-height:38px;border-radius:8px 8px 0px 0px;padding:0 15px}.confirmbox .bottom .list-table .thead .th{font-size:14px;color:#333;font-weight:bold;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody{font-size:14px;color:#555;border-radius:0px 0px 8px 8px;background:#F7FAFF;overflow:hidden}.confirmbox .bottom .list-table .tbody input{width:164px;height:26px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;line-height:26px;color:#333}.confirmbox .bottom .list-table .tbody .tr{line-height:20px;border-bottom:1px solid #DFEAFA;padding:20px 15px;box-sizing:border-box}.confirmbox .bottom .list-table .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px}.confirmbox .bottom .list-table .tbody .tr:last-child{border:0px}.confirmbox .bottom .list-table .tbody .tr.sxbox{background:rgba(51,51,51,0.2)}.confirmbox .bottom .list-table .tbody .tr.sxbox input{background:none;border:1px solid #BCBCBC}.confirmbox .bottom .list-table .tbody .pdf{color:#F68332;font-size:20px}.confirmbox .bottom .list-table .tbody .sx{width:100px;height:20px;border:1px solid #EE1919;border-radius:14px;color:#EE1919;font-size:14px;text-align:center;line-height:20px;position:relative;top:1px}.confirmbox .bottom .jsInfo{padding:0 25px;padding-top:20px;padding-left:836px}.confirmbox .bottom .jsInfo span{font-size:16px;color:#333;font-weight:bold}.confirmbox .bottom .jsInfo .f-red{color:#E92E2E}.confirmbox .bottom .jsInfo .jsitem{height:30px;line-height:30px}.confirmbox .bottom .jsInfo .jsitem i{margin-right:22px;color:#555}.confirmbox .bottom .jsInfo .jsitem .tcon{width:300px}.confirmbox .bottom .jsInfo .jsitem.notip{padding-left:39px}.confirmbox .bottom .jsInfo .jsitem .tips{position:relative}.confirmbox .bottom .jsInfo .jsitem .tips .tipcon{position:absolute;width:500px;background:rgba(40,63,235,0.65);border:1px solid #FFFFFF;border-radius:10px;color:#fff;padding:10px 20px;line-height:20px;box-sizing:border-box;left:-500px;top:-15px;display:none}.confirmbox .bottom .jsInfo .jsitem .tips:hover .tipcon{display:block}.confirmbox .bottom .submit{width:372px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:#164D9A;border-radius:4px;margin:0 auto;margin-top:30px;color:#fff}.choose-popcheck .w45{width:45px}.choose-popcheck .w130{width:130px}.choose-popcheck .w210{width:210px}.choose-popcheck .w153{width:153px}.choose-popcheck .w148{width:148px}.choose-popcheck .w122{width:122px}.choose-popcheck .w150{width:150px}.choose-popcheck .thead{height:48px;background:#FFFFFF;border-radius:8px 8px 0px 0px;line-height:48px;padding:0 22px}.choose-popcheck .thead .th{font-size:14px;color:#333;font-weight:bold;padding-right:5px;box-sizing:border-box}.choose-popcheck .tbody{background:#D5E1F3;border-radius:0px 0px 8px 8px;padding:0 22px;max-height:250px;overflow-y:auto}.choose-popcheck .tbody .tr{cursor:pointer;line-height:20px;border-bottom:1px solid #fff;box-sizing:border-box;padding:14px 0}.choose-popcheck .tbody .tr .td{word-break:break-all;box-sizing:border-box;padding-right:5px;font-size:14px;color:#555}.choose-popcheck .tbody .tr:last-child{border:0px}.choose-popcheck .tbody .tr.act .td{color:#164D9A;font-weight:bold}.choose-popcheck .choosesubmit{color:#fff;font-size:18px;font-weight:bold;width:176px;height:40px;background:#F68332;border-radius:10px;text-align:center;line-height:40px;margin:0 auto;margin-top:24px}.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;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file \ No newline at end of file
public/assets/css/common/common.less
...@@ -600,7 +600,12 @@ ...@@ -600,7 +600,12 @@
font-size : 14px; font-size : 14px;
flex : 0 0 33.33%; flex : 0 0 33.33%;
margin-bottom: 16px; margin-bottom: 16px;
overflow: hidden;
height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
padding-right: 5px;
&:hover { &:hover {
color: #164D9A; color: #164D9A;
} }
......
public/assets/css/common/common.min.css
@charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.break-word{word-break:break-all}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{background:url("../../images/common/footer9.png") no-repeat;background-size:100% 100%;color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer} @charset "utf-8";html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}table{border-color:#ccc !important}body,html,button,input{font-family:Arial,helvetica,PingFangSC-Regular,PingFang SC,"微软雅黑"}.but{height:33px;background:#283FEB;border-radius:8px;line-height:33px;font-size:18px;font-weight:bold;text-align:center;color:#fff;cursor:pointer;box-sizing:border-box;padding:0 5px}input{height:32px;line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}input::-webkit-input-placeholder{color:#BCBDC4}.scrollbar{overflow-y:auto}.scrollbar::-webkit-scrollbar{width:2px;background-color:#EDEDED}.scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}textarea{line-height:32px;box-sizing:border-box;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px}textarea::-webkit-input-placeholder{color:#BCBDC4}select{height:32px;line-height:32px;background:rgba(4,17,53,0.65);border:1px solid #FFFFFF;border-radius:8px;color:#fff;padding-left:10px;padding-right:10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;outline:none;background-image:linear-gradient(45deg, transparent 50%, #fff 50%),linear-gradient(135deg, #fff 50%, transparent 50%);background-position:calc(100% - 15px) calc(1em - 1px),calc(100% - 10px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select:focus{background-image:linear-gradient(45deg, #fff 50%, transparent 50%),linear-gradient(135deg, transparent 50%, #fff 50%);background-position:calc(100% - 8px) calc(1em - 1px),calc(100% - 15px) calc(1em - 1px),calc(100% - 2.5em) .5em;background-size:7px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.break-word{word-break:break-all}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.gw-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;position:fixed;width:100%;top:0px;left:0px;z-index:2}.gw-header-top div{width:100%;height:100%}.gw-header-top div span{float:right;margin-right:20px}.gw-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.gw-header-top div span:hover i{color:#333}.gw-header-nav{height:112px;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);width:100%;position:fixed;top:70px;left:0px}.gw-header-nav .ghn-con{height:112px;width:1500px;margin:0 auto}@media screen and (max-width:1500px){.gw-header-nav .ghn-con{width:1200px}}.gw-header-nav .ghn-con a.ghn-logo{width:463px;height:44px;position:relative;top:32px}.gw-header-nav .ghn-con a.ghn-logo img{width:100%;height:100%}.gw-header-nav .ghn-con .ghn-right-box{position:relative;top:-30px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none;z-index:6}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin:hover .userurl-box{display:block}.gw-header-nav .ghn-con .ghn-right-box .grb-top .yesLogin div.username{overflow:hidden;text-overflow:ellipsis}.gw-header-nav .ghn-con .ghn-right-box .grb-top a{font-size:16px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc{position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.carbc span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.gw-header-nav .ghn-con .ghn-right-box .grb-top a:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-top a.iconbx:hover{color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr{margin-left:34px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr .fz-16{font-size:16px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj{position:relative;top:6px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj .icon-touxiang{font-size:18px;position:relative;top:-1px;margin-right:3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top .fr.clj font{color:#fff;letter-spacing:-3px}.gw-header-nav .ghn-con .ghn-right-box .grb-top i.icon{font-size:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom{margin-top:30px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli{margin-left:48px;transition:all .5s;display:block;height:40px;position:relative}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli a.onea{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav{position:absolute;top:38px;left:-22px;width:192px;padding:18px 22px;display:none;background:rgba(26,29,57,0.8)}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav .twoli{height:40px;line-height:40px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa{font-size:20px;color:#fff}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli .twonav a.twoa:hover{color:#F68332}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover::after{content:"";position:absolute;top:36px;width:100%;height:5px;background:#FFFFFF;border-radius:2px;left:0px}.gw-header-nav .ghn-con .ghn-right-box .grb-bottom .oneli:hover .twonav{display:block}.footersm{background:rgba(31,104,242,0.2);padding-top:87px;padding-bottom:31px}.footersm .logoftsm{width:262px;height:45px}.footersm .itemftsm{color:#fff;font-weight:bold;margin-left:107px}@media screen and (max-width:1500px){.footersm .itemftsm{margin-left:27px}}.footersm .itemftsm p{font-size:20px;margin-bottom:26px}.footersm .itemftsm p.row b{font-size:16px;font-weight:normal;margin-right:9px;position:relative;top:5px}.footersm .itemftsm a{font-size:16px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.footersm .itemftsm a:hover{color:#F68332}.footersm .itemftsm a.fz-14{font-size:14px}.footersm .itemftsm a.fz-14:hover{color:#fff}.footersm .dpbto{margin-top:53px;font-size:14px;color:#fff}.footersm .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.footersm .dpbto i.dflt{margin-left:53px}.mallpage{background:#fafafa}.mallpage .bread-menu{width:1200px;border-left:4px solid #04439D;height:20px;line-height:20px;font-size:16px;padding-left:10px;margin:20px auto}.mallpage .bread-menu a{color:#555}.mallpage .bread-menu a:hover{color:#04439D}.mallpage .bread-menu i{margin:0 5px}.mallpage .bread-menu span{color:#04439D}.mallpage .w1200{width:1200px;margin:0 auto}.mallpage .mall-header-top{background:#F68332;height:70px;line-height:70px;font-size:24px;color:#fff;top:0px;position:relative}.mallpage .mall-header-top div{width:100%;height:100%}.mallpage .mall-header-top div span{position:absolute;right:20px}.mallpage .mall-header-top div span i{cursor:pointer;color:#fff;font-size:18px;transition:all .5s}.mallpage .mall-header-top div span:hover i{color:#333}.mallpage .mall-header-nav{background:#fff}.mallpage .mall-header-nav .search-car{margin-top:16px}.mallpage .mall-header-nav .search-car .cons{height:48px}.mallpage .mall-header-nav .search-car .cons .search-input-box{width:340px;margin-left:140px;height:48px;line-height:44px;border:2px solid #164D9A}.mallpage .mall-header-nav .search-car .cons .search-input-box input{background:none;color:#333;line-height:44px;height:44px;padding-left:18px;width:268px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx{width:68px;height:46px;background:#164D9A;line-height:44px;color:#fff;cursor:pointer;text-align:center;position:relative;left:1px;top:-1px}.mallpage .mall-header-nav .search-car .cons .search-input-box .searchbtnx i{font-size:30px}.mallpage .mall-header-nav .search-car .cons .car-boxs{cursor:pointer;position:relative;margin-left:42px}.mallpage .mall-header-nav .search-car .cons .car-boxs i{font-size:32px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .car-boxs span{position:absolute;height:24px;display:block;width:24px;background:#E94141;border-radius:24px;color:#fff;right:-20px;top:-11px;line-height:24px;text-align:center;font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box{margin-left:38px;color:#164D9A;width:124px}.mallpage .mall-header-nav .search-car .cons .login-head-box a{font-size:16px;color:#164D9A}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box a:hover i{color:#F68332}.mallpage .mall-header-nav .search-car .cons .login-head-box.notLogin{text-align:center}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin{position:relative}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box{position:absolute;width:160px;background:#FFFFFF;top:19px;left:0px;box-shadow:0 0 5px #ccc;padding:15px 0px;display:none}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a{box-sizing:border-box;padding:0 15px;display:block;cursor:pointer;font-size:14px;color:#333;height:32px;line-height:32px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin .userurl-box a:hover{color:#174D9A;background:#DFEAFA}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin:hover .userurl-box{display:block}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin a{font-size:14px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin i{color:#164D9A;font-size:16px}.mallpage .mall-header-nav .search-car .cons .login-head-box.yesLogin div.username{width:108px;overflow:hidden;text-overflow:ellipsis}.mallpage .mall-header-nav .search-car .cons .about-link{font-size:16px;color:#164D9A;margin-left:30px}.mallpage .mall-header-nav .search-car .cons .about-link:hover{color:#F68332}.mallpage .mall-header-nav .nav-box{height:64px;margin-top:33px;border-bottom:1px solid #545C76}.mallpage .mall-header-nav .nav-box a.li{height:64px;display:block;box-sizing:border-box;min-width:150px;padding:0 15px;color:#333;font-size:20px;line-height:64px;margin-right:15px;text-align:center}.mallpage .mall-header-nav .nav-box a.li:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box a.li.act{color:#fff;background:#164D9A}.mallpage .mall-header-nav .nav-box .allpro{position:relative}.mallpage .mall-header-nav .nav-box .allpro .procon{display:none;position:absolute;border-top:7px solid #fafafa;background:#ccc;width:498px;height:391px;left:0px;top:65px;background-color:#fff;z-index:1}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx{padding-top:17px;padding-left:14px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx{height:28px;line-height:28px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx img{width:26px;height:28px;vertical-align:middle}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .headboxx p{color:#333;font-size:14px;margin-left:7px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx{margin-top:14px;padding-left:33px;flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji{color:#333;font-size:14px;flex:0 0 33.33%;margin-bottom:16px;overflow:hidden;height:16px;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:5px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .conboxx a.erji:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx{display:none;position:absolute;left:498px;top:0px;width:702px;border-left:4px solid #F0F7FF;background:#fff;height:384px;z-index:1;padding:24px;overflow-y:auto;box-shadow:2px 0 4px 0 rgba(2,30,69,0.2)}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar{width:2px;background-color:#EDEDED}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx::-webkit-scrollbar-thumb{border-radius:2px;background-color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx{margin-bottom:24px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p{height:14px;line-height:14px;color:#333;cursor:pointer;display:block;border-left:3px solid #164D9A;padding-left:10px;font-size:12px;margin-bottom:15px}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx a.p:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass{flex-wrap:wrap}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a{color:#333;font-size:12px;margin-bottom:8px;flex:0 0 33.33%}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx .rightboxx .grouprightx .threeClass a:hover{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover{background:#F0F7FF}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .rightboxx{display:block}.mallpage .mall-header-nav .nav-box .allpro .procon .groupboxx:hover .headboxx p{color:#164D9A}.mallpage .mall-header-nav .nav-box .allpro:hover .procon{display:block}.mallpage .mall-header-user-nav{height:80px;border-bottom:1px solid #545C76}.mallpage .mall-header-user-nav .user-con-nav .nav-box{height:80px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .menber{margin-left:71px;color:#222;font-size:26px;font-weight:bold}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link{font-size:16px;color:#555;margin-left:50px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .about-link:hover{color:#164D9A}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box{flex:0 0 300px;margin-left:134px}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a{font-size:16px;color:#555}.mallpage .mall-header-user-nav .user-con-nav .nav-box .login-head-box a:hover{color:#164D9A}.mallpage .user-left-nav{width:160px;min-height:192px;background:#FFFFFF}.mallpage .user-left-nav .li{width:160px;height:48px;line-height:48px;text-align:center;font-size:16px;color:#555;cursor:pointer;display:block}.mallpage .user-left-nav .li.act{background:#DFEAFA;color:#174D9A;font-weight:bold}.mallpage .mall-footer{margin-top:18px}.mallpage .mall-footer .floor1 .row{margin-bottom:1px}.mallpage .mall-footer .floor1 .itemf3{height:200px;width:50%;background:rgba(27,32,55,0.1);color:#333;font-size:24px;line-height:200px;margin-bottom:1px;font-weight:bold}.mallpage .mall-footer .floor1 .itemf3.trr{padding-left:122px}.mallpage .mall-footer .floor1 .itemf3.trl{text-align:right;padding-right:122px;margin-right:1px}.mallpage .mall-footer .floor1 .itemf3 b{font-size:40px;font-weight:bold;margin-right:10px}.mallpage .mall-footer .floor1 .itemf3:hover{background:url("../../images/common/footer9.png") no-repeat;background-size:100% 100%;color:#fff}.mallpage .mall-footer .floor1 .itemf3:hover b{font-size:60px;font-weight:bold;color:#fff}.mallpage .mall-footer .floor2{overflow:hidden;margin-top:31px}.mallpage .mall-footer .floor2 .bannerScrollboxs{position:relative;height:134px;width:3000px}.mallpage .mall-footer .floor2 .bannerScrollboxs a{display:block;cursor:pointer;width:134px;height:134px;float:left;margin-right:19px}.mallpage .mall-footer .floor2 .bannerScrollboxs a img{width:134px;height:134px}.mallpage .mall-footer .floor3{background:#164D9A}.mallpage .mall-footer .floor3 .conh{padding-top:87px;padding-bottom:31px;margin-top:24px}.mallpage .mall-footer .floor3 .conh .logoftsm{width:208px;height:36px;margin-right:24px}.mallpage .mall-footer .floor3 .conh .itemftsm{color:#fff;font-weight:bold;padding:0 36px;border-right:1px dashed rgba(255,255,255,0.2)}.mallpage .mall-footer .floor3 .conh .itemftsm.lastitem{border:0px}.mallpage .mall-footer .floor3 .conh .itemftsm p{font-size:14px;font-weight:bold;margin-bottom:26px}.mallpage .mall-footer .floor3 .conh .itemftsm p.w150{width:150px}.mallpage .mall-footer .floor3 .conh .itemftsm a{font-size:12px;display:block;cursor:pointer;color:#fff;font-weight:normal;line-height:28px;height:28px}.mallpage .mall-footer .floor3 .conh .itemftsm a:hover{color:#F68332}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14{font-size:14px}.mallpage .mall-footer .floor3 .conh .itemftsm a.fz-14:hover{color:#fff}.mallpage .mall-footer .floor3 .conh .itemftsp p{font-size:14px;color:#fff;margin-bottom:25px}.mallpage .mall-footer .floor3 .conh .itemftsp p span{margin-right:10px;position:relative;top:5px}.mallpage .mall-footer .floor3 .conh .itemftsp p img{width:172px;height:21px}.mallpage .mall-footer .floor3 .conh .itemftsp span{font-size:14px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto{margin-top:53px;font-size:12px;color:#fff}.mallpage .mall-footer .floor3 .conh .dpbto i{font-size:22px;margin-right:20px;position:relative;top:-3px}.mallpage .mall-footer .floor3 .conh .dpbto i.dflt{margin-left:53px}.mallpage .datalistcon{padding:0 25px;background:#fff}.mallpage .datalistcon .w180{width:170px;padding-right:10px}.mallpage .datalistcon .w140{width:130px;padding-right:10px}.mallpage .datalistcon .w280{width:270px;padding-right:10px}.mallpage .datalistcon .list-th{box-sizing:border-box;width:100%;height:48px;background:#DFEAFA;line-height:48px;padding:0 20px}.mallpage .datalistcon .list-th .th{font-size:14px;color:#333;font-weight:bold}.mallpage .datalistcon .td-group{padding:20px;font-size:14px;color:#555;border-bottom:1px solid #DFEAFA;width:100%;box-sizing:border-box}.mallpage .datalistcon .td-group:last-child{border:0px}.mallpage .datalistcon .td-group .copyname{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .copyname i{font-size:25px;color:#164D9A}.mallpage .datalistcon .td-group .pdflink{cursor:pointer;margin-top:10px}.mallpage .datalistcon .td-group .pdflink i{font-size:25px;color:#F68332}.mallpage .datalistcon .td-group .total-price{margin-top:12px}.mallpage .datalistcon .td-group .mult{margin-left:30px}.mallpage .datalistcon .td-group .price-group{line-height:22px;color:#555}.mallpage .datalistcon .td-group .price-group .jtpr{width:80px;box-sizing:border-box;padding-right:5px}.mallpage .datalistcon .td-group .price-group .jtpc{width:80px}.mallpage .datalistcon .td-group a.goodsname{color:#555}.mallpage .datalistcon .td-group a.goodsname:hover{color:#164D9A}.mallpage .datalistcon .td-group .td{line-height:22px;word-break:break-all}.mallpage .datalistcon .td-group:hover{background:#F7FAFF}.mallpage .datalistcon .td-group .input-box{width:151px;height:32px;line-height:30px;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:8px;position:relative}.mallpage .datalistcon .td-group .input-box input{background:none;color:#333;line-height:30px;height:30px;border:0px;font-size:14px;width:151px}.mallpage .datalistcon .td-group .input-box div{width:56px;height:32px;background:#164D9A;border-radius:0px 8px 8px 0px;line-height:30px;color:#fff;text-align:center;position:absolute;right:0px;top:0px;cursor:pointer}
\ No newline at end of file \ No newline at end of file
public/assets/css/user/account.less
...@@ -165,14 +165,12 @@ ...@@ -165,14 +165,12 @@
word-break : break-all; word-break : break-all;
line-height: 22px; line-height: 22px;
.default-btn{ .default-btn{
width: 160px; line-height: 22px;
height: 32px;
line-height: 32px;
text-align: center; text-align: center;
background: #FAFAFA; background: #f3f3f3;
border: 1px solid #DFEAFA; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
margin-left: 70px width: 113px;
} }
.bot { .bot {
width : 74px; width : 74px;
......
public/assets/css/user/account.min.css
.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 .addbtn{width:150px;line-height:32px;color:#fff;text-align:center;height:32px;background:#164D9A;border-radius:8px;margin-bottom:15px;cursor:pointer}.accountbox .user-right .addressbox .list-table .w56{width:56px}.accountbox .user-right .addressbox .list-table .w200{width:190px}.accountbox .user-right .addressbox .list-table .w160{width:160px}.accountbox .user-right .addressbox .list-table .w140{width:140px}.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;line-height:22px}.accountbox .user-right .addressbox .list-table .tr .td .default-btn{width:160px;height:32px;line-height:32px;text-align:center;background:#FAFAFA;border:1px solid #DFEAFA;border-radius:4px;margin-left:70px}.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}.gobtn{background:#F68332 !important}.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;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA} .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 .addbtn{width:150px;line-height:32px;color:#fff;text-align:center;height:32px;background:#164D9A;border-radius:8px;margin-bottom:15px;cursor:pointer}.accountbox .user-right .addressbox .list-table .w56{width:56px}.accountbox .user-right .addressbox .list-table .w200{width:190px}.accountbox .user-right .addressbox .list-table .w160{width:160px}.accountbox .user-right .addressbox .list-table .w140{width:140px}.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;line-height:22px}.accountbox .user-right .addressbox .list-table .tr .td .default-btn{line-height:22px;text-align:center;background:#f3f3f3;border:1px solid #ccc;border-radius:4px;width:113px}.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}.gobtn{background:#F68332 !important}.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;z-index:2}.getCountryBox .conps .citem{height:28px;line-height:28px;padding:0 20px;color:#164D9A;cursor:pointer}.getCountryBox .conps .citem:hover{background:#DFEAFA}
\ No newline at end of file \ No newline at end of file
public/assets/js/car/confirm.js
define('confirm', ['liexin_pop'], function (require, exports, module) { define('confirm', ['liexin_pop'], function (require, exports, module) {
var liexin_pop=require("liexin_pop"); var liexin_pop = require("liexin_pop");
var tool=require("tool")
var confirm = { var confirm = {
defaultAddressInfo:"",
init: function () { init: function () {
confirm.handle(); confirm.handle();
confirm.getAddress();
},
getAddress: function () {
$.liexin_ajax('/api/user_address/list', 'GET', {}, function (res) {
if (res.code == 0) {
var dataArr = res.data || [];
for(var i=0;i<dataArr.length;i++){
if(dataArr[i].is_default==1){
confirm.defaultAddressInfo=dataArr[i]
}
}
console.log(confirm.defaultAddressInfo)
} else {
liexin_pop.Tip({ title: res.msg })
}
})
}, },
handle:function(){ handle: function () {
//新增编辑 //新增编辑
$("body").on("click",".popaddressbtn",function(){ $("body").on("click", ".popaddressbtn", function () {
var guid_=$(this).attr("guid"); var guid_ = $(this).attr("guid");
var isAdd=$(this).hasClass("addbtn")?1:0; var isAdd = $(this).hasClass("addbtn") ? 1 : 0;
liexin_pop.Open({ liexin_pop.Open({
title:(isAdd?"Add Address":"Change Address"), title: (isAdd ? "Add Address" : "Change Address"),
width:766, width: 766,
height:595, height: 595,
class:"addressOpen", class: "addressOpen",
ele:".addressPop", ele: ".addressPop",
success:function(){ success: function () {
} }
}) })
}) })
//选择地址 //选择地址
$("body").on("click",".choosebtadress",function(){ $("body").on("click", ".choosebtadress", function () {
liexin_pop.Open({ liexin_pop.Open({
title:"Choose Address", title: "Choose Address",
width:1000, width: 1000,
class:"addressChoose", class: "addressChoose",
ele:".choose-popcheck", ele: ".choose-popcheck",
success:function(){ success: function () {
} }
}) })
}) })
//删除 //删除
$("body").on("click",".delbtn",function(){ $("body").on("click", ".delbtn", function () {
liexin_pop.Confirm({title:"你确定不放开那个女孩吗？",success:function(ele){ liexin_pop.Confirm({
ele.fadeOut(300) title: "你确定不放开那个女孩吗？", success: function (ele) {
}}) ele.fadeOut(300)
}
})
}) })
} //国家操作
$("body").on("input", '.getCountry', tool.debounce(function (e) {
var str_ = $(this).val();
$(this).attr("guid", "")
var count_ = 0;
if (str_) {
$(".countryconent").show();
$(".countryconent .citem").each(function () {
if (($(this).text().toLocaleLowerCase()).indexOf((str_.toLocaleLowerCase())) != -1) {
$(this).show()
count_++;
} else {
$(this).hide()
}
})
if (count_ == 0) {
$(".countryconent").hide();
}
} else {
$(".countryconent").hide();
}
}, 300))
$("body").on("click", ".citem", function () {
$(".getCountry").val($(this).text()).attr("guid", $(this).attr("guid"))
$(".countryconent").hide();
})
//选中默认
$("body").on("click", ".chooseaddresx", function () {
$(this).toggleClass("act")
})
//选择个人
$("body").on("click", ".check-group-addressp", function () {
$(".check-group-addressp").removeClass("act")
$(this).addClass("act")
})
//获取国家
confirm.getCountry()
},
//获取国家
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)
},
} }
module.exports = confirm.init(); module.exports = confirm.init();
}) })
......
resources/views/car/confirm.blade copy20221114.php 0 → 100644
@extends('layouts.appMall')
@section('css')
<link rel="stylesheet" href="{{$public}}/assets/css/car/confirm.min.css?v={{time()}}">
@endsection
@section('body')
<div class="mallpage">
@include('common.mallHeaderTop')
@include('common.mallHeaderNav')
<div class="confirmbox w1200">
<div class="back row verCenter">
<a href="">
<i class="icon iconfont icon-fanhui"></i>
<span>Back to Previous Page</span>
</a>
</div>
<div class="cons">
<div class="top">
<div class="head row verCenter boxsiz">Shipping Address</div>
<div class="address-group ship">
<div class="info row">
<span class="name">Michael Jordan</span>
<span class="app">Apple inc</span>
<span class="email">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="addre row">
<span>79, 105 Center Street, Queens, New York City</span>
<span class="defaults">Default address</span>
</div>
<div class="handle-box row">
<div class="bts choosebtadress">Choose Another Address</div>
<div class="bts popaddressbtn addbtn" guid="1">Add Address</div>
</div>
<div class="edit row">
<div class="bt popaddressbtn editbtn" guid="1">Modify</div>
<div class="bt delbtn">Delete</div>
</div>
</div>
<div class="address-group bill">
<div class="row choose verCenter">
Billing Address
<div class="choosebtn row">
<i></i>
<span>Same as shipping address</span>
</div>
</div>
<div class="info row">
<span class="name">Michael Jordan</span>
<span class="app">Apple inc</span>
<span class="email">123456789@qq.com</span>
<span>000-000-000-XXXX</span>
</div>
<div class="addre row">
<span>79, 105 Center Street, Queens, New York City</span>
<span class="defaults">Default address</span>
</div>
<div class="handle-box row">
<div class="bts choosebtadress">Choose Another Address</div>
<div class="bts popaddressbtn addbtn" guid="2">Add Address</div>
</div>
<div class="edit row">
<div class="bt popaddressbtn editbtn" guid="2">Modify</div>
<div class="bt delbtn">Delete</div>
</div>
</div>
</div>
<div class="bottom">
<div class="head row">
<span>Merchandise Details</span>
</div>
<div class="list-table">
<div class="thead row boxsiz">
<div class="th row verCenter w70">
NO.
</div>
<div class="th w184">Part NO.</div>
<div class="th w176">Details</div>
<div class="th w153">Delivery date</div>
<div class="th w116">Quantity</div>
<div class="th w123">Unit Price</div>
<div class="th w120">Ext. Price</div>
<div class="th">Remark</div>
</div>
<div class="tbody boxsiz">
<div class="tr row">
<div class="td w70">
1
</div>
<div class="td w184">STTH1L06A</div>
<div class="td w176">Manufacturers：Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w116">
100
</div>
<div class="td w123">10000</div>
<div class="td w120">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row sxbox">
<div class="td w70">
2
</div>
<div class="td w184">
STTH1L06A
<div class="pdf">
<i class="icon iconfont icon-PDF"></i>
</div>
</div>
<div class="td w176">
Manufacturers：Yageo
<div class="sx">Invalid Model</div>
</div>
<div class="td w153">2-5 workdays</div>
<div class="td w116">
100
</div>
<div class="td w123">10000</div>
<div class="td w120">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
<div class="tr row">
<div class="td w70">
1
</div>
<div class="td w184">STTH1L06A</div>
<div class="td w176">Manufacturers：Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w116">
100
</div>
<div class="td w123">10000</div>
<div class="td w120">$0.0011</div>
<div class="td">
<input type="text" value="55555">
</div>
</div>
</div>
</div>
<div class="jsInfo boxsiz">
<div class="row jsitem notip">
<div class="tcon row bothSide">
<span class="tt">Merchandise Total</span>
<span class="price">$509.71</span>
</div>
</div>
<div class="row jsitem">
<div class="tips">
<i class="icon iconfont icon-wenhao"></i>
<div class="tipcon">
The freight will be confirmed according to your order ,please note that you will be informed later.
</div>
</div>
<div class="tcon row bothSide">
<span class="tt">Shipping</span>
<span>TBC</span>
</div>
</div>
<div class="row jsitem">
<div class="tips">
<i class="icon iconfont icon-wenhao"></i>
<div class="tipcon">
Different payment methods may have commission charges, Please wait for our Sales to contact you for more detail,thanks.
</div>
</div>
<div class="tcon row bothSide">
<span class="tt">Merchant Fee</span>
<span>TBC</span>
</div>
</div>
<div class="row jsitem notip">
<div class="tcon row bothSide">
<span class="tt">Subtotal（3 item）</span>
<span class="total f-red">$509.71</span>
</div>
</div>
</div>
<div class="submit">Place Order</div>
</div>
</div>
</div>
@include('common.mallFooter')
</div>
<!--新增地址弹窗-->
<div class="addressPop" style="display:none;">
<div class="inputboxp">
<div class="checkbox row">
<div class="check-group row act check-group-addressp" guid="1">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>Company</span>
</div>
<div class="check-group row check-group-addressp" guid="2">
<p class="row verCenter rowCenter">
<font></font>
</p>
<span>Personal</span>
</div>
</div>
<div class="input-con">
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>EMAIL</p>
<input type="text" class="email6 verify" verifyTip='{"type":"null","text":"EMAIL"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>TELEPHONE</p>
<input type="text" class="telephone6 verify" verifyTip='{"type":"null","text":"TELEPHONE"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth sm ">
<p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text" class="first_name6 verify" 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" class="last_name6 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>COMPANY NAME</p>
<input type="text" class="company_name6 verify" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>ADDRESS</p>
<textarea name="" class="address6 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>COUNTRY/REGIONL</p>
<div class="getCountryBox">
<input type="text" class="getCountry country6 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">STATE</p>
<input type="text" class="state6">
</div>
</div>
<div class="row">
<div class="input-group-auth">
<p class="labelp"><span>*</span>CITY</p>
<input type="text" class="city6 verify" verifyTip='{"type":"null","text":"CITY"}'>
</div>
<div class="input-group-auth ml30">
<p class="labelp"><span>*</span>POST CODE</p>
<input type="text" class="post_code6 verify" verifyTip='{"type":"null","text":"POST CODE"}'>
</div>
</div>
<div class="tips"></div>
<div class="row subbtn">
<div class="choose row act chooseaddresx">
<div class="chooseicon"></div>
<span>Default address</span>
</div>
<div class="but gobtn gonext addressPopBtn">SAVE</div>
</div>
</div>
</div>
</div>
<!--选择地址弹窗-->
<div class="choose-popcheck" style="display:none">
<div class="list-table">
<div class="thead row boxsiz">
<div class="th w45">NO.</div>
<div class="th w130">Part NO.</div>
<div class="th w210">NAME</div>
<div class="th w153">COMPANY NAME</div>
<div class="th w148">EMAIL</div>
<div class="th w122">TELEPHONE</div>
<div class="th w150">ADDRESS</div>
</div>
<div class="tbody boxsiz scrollbar">
<div class="tr row boxsiz">
<div class="td w45">1</div>
<div class="td w130">STTH1L06A</div>
<div class="td w210">Manufacturers：Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w148"> 100</div>
<div class="td w122">10000</div>
<div class="td w150">asasd </div>
</div>
<div class="tr act row boxsiz">
<div class="td w45">1</div>
<div class="td w130">STTH1L06A</div>
<div class="td w210">Manufacturers：Yageo</div>
<div class="td w153">2-5 workdays</div>
<div class="td w148"> 100</div>
<div class="td w122">10000</div>
<div class="td w150">asasd </div>
</div>
</div>
</div>
<div class="choosesubmit">Confirm</div>
</div>
@endsection
@section('js')
<script src="{{$public}}/assets/js/car/confirm.js?v={{time()}}"></script>
@endsection
\ No newline at end of file
resources/views/car/confirm.blade.php
...@@ -190,14 +190,14 @@ ...@@ -190,14 +190,14 @@
<div class="addressPop" style="display:none;"> <div class="addressPop" style="display:none;">
<div class="inputboxp"> <div class="inputboxp">
<div class="checkbox row"> <div class="checkbox row">
<div class="check-group row act"> <div class="check-group row act check-group-addressp" guid="1">
<p class="row verCenter rowCenter"> <p class="row verCenter rowCenter">
<font></font> <font></font>
</p> </p>
<span>Company</span> <span>Company</span>
</div> </div>
<div class="check-group row"> <div class="check-group row check-group-addressp" guid="2">
<p> <p class="row verCenter rowCenter">
<font></font> <font></font>
</p> </p>
<span>Personal</span> <span>Personal</span>
...@@ -207,63 +207,66 @@ ...@@ -207,63 +207,66 @@
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>EMAIL</p> <p class="labelp"><span>*</span>EMAIL</p>
<input type="text"> <input type="text" class="email6 verify" verifyTip='{"type":"null","text":"EMAIL"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp"><span>*</span>TELEPHONE</p> <p class="labelp"><span>*</span>TELEPHONE</p>
<input type="text"> <input type="text" class="telephone6 verify" verifyTip='{"type":"null","text":"TELEPHONE"}'>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth sm "> <div class="input-group-auth sm ">
<p class="labelp"><span>*</span>FIRST NAME</p> <p class="labelp"><span>*</span>FIRST NAME</p>
<input type="text"> <input type="text" class="first_name6 verify" verifyTip='{"type":"null","text":"FIRST NAME"}'>
</div> </div>
<div class="input-group-auth sm ml30"> <div class="input-group-auth sm ml30">
<p class="labelp"><span>*</span>LAST NAME</p> <p class="labelp"><span>*</span>LAST NAME</p>
<input type="text"> <input type="text" class="last_name6 verify" verifyTip='{"type":"null","text":"LAST NAME"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp"><span>*</span>COMPANY NAME</p> <p class="labelp"><span>*</span>COMPANY NAME</p>
<input type="text"> <input type="text" class="company_name6 verify" verifyTip='{"type":"null","text":"COMPANY NAME"}'>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>ADDRESS</p> <p class="labelp"><span>*</span>ADDRESS</p>
<textarea name=""></textarea> <textarea name="" class="address6 verify" verifyTip='{"type":"null","text":"ADDRESS"}'></textarea>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>COUNTRY/REGIONL</p> <p class="labelp"><span>*</span>COUNTRY/REGIONL</p>
<select name=""> <div class="getCountryBox">
<option value="">CHAIN</option> <input type="text" class="getCountry country6 verify" verifyTip='{"type":"null","text":"COUNTRY/REGION"}'>
<option value="">USA</option> <div class="conps scrollbar boxsiz countryconent">
</select> <div class="citem">ddd</div>
<div class="citem">ttt</div>
</div>
</div>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp">PROVINCE</p> <p class="labelp">STATE</p>
<input type="text"> <input type="text" class="state6">
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="input-group-auth"> <div class="input-group-auth">
<p class="labelp"><span>*</span>CITY</p> <p class="labelp"><span>*</span>CITY</p>
<input type="text"> <input type="text" class="city6 verify" verifyTip='{"type":"null","text":"CITY"}'>
</div> </div>
<div class="input-group-auth ml30"> <div class="input-group-auth ml30">
<p class="labelp"><span>*</span>POST CODE</p> <p class="labelp"><span>*</span>POST CODE</p>
<input type="text"> <input type="text" class="post_code6 verify" verifyTip='{"type":"null","text":"POST CODE"}'>
</div> </div>
</div> </div>
<div class="tips">Wrong Email Address</div> <div class="tips"></div>
<div class="row subbtn"> <div class="row subbtn">
<div class="choose row"> <div class="choose row act chooseaddresx">
<div class="chooseicon"></div> <div class="chooseicon"></div>
<span>Save to the address list</span> <span>Default address</span>
</div> </div>
<div class="but gobtn gonext">SAVE</div> <div class="but gobtn gonext addressPopBtn">SAVE</div>
</div> </div>
</div> </div>
......
resources/views/common/headerNav.blade.php
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<li class="oneli fr"><a href="#" class="onea frqbtnxs">RFQ</a></li> <li class="oneli fr"><a href="#" class="onea frqbtnxs">RFQ</a></li>
<li class="oneli fr"><a href="/mall" class="onea">STORE</a></li> <li class="oneli fr"><a href="/mall" class="onea">STORE</a></li>
<li class="oneli fr"> <li class="oneli fr">
<a href="" class="onea">ABOUT US</a> <a href="/about/company" class="onea">ABOUT US</a>
<ul class="twonav"> <ul class="twonav">
<li class="twoli"><a href="/about/company" class="twoa">Company Profile</a></li> <li class="twoli"><a href="/about/company" class="twoa">Company Profile</a></li>
<li class="twoli"><a href="/about/certification" class="twoa">Certification</a></li> <li class="twoli"><a href="/about/certification" class="twoa">Certification</a></li>
......
resources/views/common/mallHeaderNav.blade.php
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
</div> </div>
<a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a> <a class="car-boxs" href="/car"><i class="icon iconfont icon-gouwuche"></i><span class="carNum">99</span></a>
@if(!empty($_COOKIE['sem_email'])) @if(!empty($_COOKIE['sem_email']))
<div class="login-head-box yesLogin" > <div class="login-head-box yesLogin">
<a href="/user/order" class="row"> <a href="/user/order" class="row">
<span><i class="icon iconfont icon-touxiang"></i></span> <span><i class="icon iconfont icon-touxiang"></i></span>
<div class="username">{{$_COOKIE['sem_email']}}</div> <div class="username">{{$_COOKIE['sem_email']}}</div>
...@@ -21,13 +21,13 @@ ...@@ -21,13 +21,13 @@
</div> </div>
</div> </div>
@else @else
<div class="login-head-box notLogin" > <div class="login-head-box notLogin">
<a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a> <a href="/login?referer={{\Illuminate\Support\Facades\URL::current()}}">Login</a>
<font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a> <font>/</font><a href="/reg?referer={{\Illuminate\Support\Facades\URL::current()}}">Register</a>
</div> </div>
@endif @endif
<a href="/about/company" class="about-link">Contact Us</a> <a href="/about/company" class="about-link">Contact Us</a>
</div> </div>
</div> </div>
...@@ -36,81 +36,34 @@ ...@@ -36,81 +36,34 @@
<div class="allpro"> <div class="allpro">
<a href="/mall" class="act li">All Products</a> <a href="/mall" class="act li">All Products</a>
<div class="procon boxsiz"> <div class="procon boxsiz">
@foreach ($classification as $key=>$item)
<div class="groupboxx"> <div class="groupboxx">
<div class="headboxx row"> <div class="headboxx row">
<img src="{{$public}}/assets/images/common/class1.png" alt=""> <img src="{{$public}}/assets/images/common/class1.png" alt="">
<p>Actives</p> <p>{{$item['class_name']}}</p>
</div> </div>
<div class="conboxx row"> <div class="conboxx row">
<a href="" class="erji">Diodes</a> @foreach ($item['children'] as $itemchild)
<a href="" class="erji">Transistors</a> <a href="/class/{{$itemchild['class_id']}}" class="erji" title="{{$itemchild['class_name_en']}}" target="_blank">{{$itemchild['class_name_en']}}</a>
<a href="" class="erji">Optoelectronics</a> @endforeach
<a href="" class="erji">Sensors</a>
<a href="" class="erji">Memory</a>
<a href="" class="erji">Microcontrollers</a>
</div> </div>
<div class="rightboxx boxsiz"> <div class="rightboxx boxsiz">
@foreach ($item['children'] as $itemchild)
<div class="grouprightx"> <div class="grouprightx">
<a class="p">Discrete Semiconductor Products</a> <a class="p" title="{{$itemchild['class_name_en']}}" target="_blank" href="/class/{{$itemchild['class_id']}}">{{$itemchild['class_name_en']}}</a>
<div class="threeClass boxsiz row"> <div class="threeClass boxsiz row">
<a href="">Diodes - Zener - Single<span>(20000)</span></a> @foreach ($itemchild['children'] as $itemchild3)
<a href="">Diodes - Zener - Single<span>(20000)</span></a> <a target="_blank" href="/class/{{$itemchild3['class_name_en']??''}}" title="{{$itemchild3['class_name_en']??''}}">{{$itemchild3['class_name_en']??''}}<span>({{$itemchild3['sku_number']??''}})</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a> @endforeach
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
</div>
</div>
</div>
</div>
<div class="groupboxx">
<div class="headboxx row">
<img src="{{$public}}/assets/images/common/class2.png" alt="">
<p>Actives</p>
</div>
<div class="conboxx row">
<a href="" class="erji">Diodes</a>
<a href="" class="erji">Transistors</a>
<a href="" class="erji">Optoelectronics</a>
<a href="" class="erji">Sensors</a>
<a href="" class="erji">Memory</a>
<a href="" class="erji">Microcontrollers</a>
</div>
<div class="rightboxx boxsiz">
<div class="grouprightx">
<a class="p">Discrete Semiconductor Products2</a>
<div class="threeClass boxsiz row">
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
</div>
</div>
</div>
</div>
<div class="groupboxx">
<div class="headboxx row">
<img src="{{$public}}/assets/images/common/class3.png" alt="">
<p>Actives</p>
</div>
<div class="conboxx row">
<a href="" class="erji">Diodes</a>
<a href="" class="erji">Transistors</a>
<a href="" class="erji">Optoelectronics</a>
<a href="" class="erji">Sensors</a>
<a href="" class="erji">Memory</a>
<a href="" class="erji">Microcontrollers</a>
</div>
<div class="rightboxx boxsiz">
<div class="grouprightx">
<a class="p">Discrete Semiconductor Products3</a>
<div class="threeClass boxsiz row">
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
<a href="">Diodes - Zener - Single<span>(20000)</span></a>
</div> </div>
</div> </div>
@endforeach
</div> </div>
</div> </div>
@endforeach
</div> </div>
</div> </div>
<a href="/brand/map" class="li">Manufacturers</a> <a href="/brand/map" class="li">Manufacturers</a>
......
routes/web.php
...@@ -41,9 +41,8 @@ Route::get('/about/refund', 'AboutController@refund')->name('about.refund'); ...@@ -41,9 +41,8 @@ Route::get('/about/refund', 'AboutController@refund')->name('about.refund');
Route::get('/mall', 'MallController@index')->name('mall.index'); Route::get('/mall', 'MallController@index')->name('mall.index');
Route::get('/sku', 'SkuController@detail')->name('sku.detail'); Route::get('/sku', 'SkuController@detail')->name('sku.detail');
Route::get('/class', 'ClassificationController@index')->name('classification.index'); Route::get('/class/{class_id}', 'ClassificationController@index')->name('classification.index');
Route::get('/brand/map', 'BrandController@map')->name('brand.map'); Route::get('/brand/map', 'BrandController@map')->name('brand.map');
Route::get('/brand/list', 'BrandController@list')->name('brand.list');
Route::get('/brand/{id}', 'BrandController@info')->name('brand.info'); Route::get('/brand/{id}', 'BrandController@info')->name('brand.info');
Route::get('/search', 'SearchController@index')->name('search.index'); Route::get('/search', 'SearchController@index')->name('search.index');
......
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