Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
semour
/
semour_web
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
c503037d
authored
Nov 14, 2022
by
肖康
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
导航分类
parent
b1a69b5b
Hide whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
987 additions
and
133 deletions
app/Http/Controllers/BrandController.php
public/assets/css/car/confirm copy20221114.less
public/assets/css/car/confirm.less
public/assets/css/car/confirm.min.css
public/assets/css/common/common.less
public/assets/css/common/common.min.css
public/assets/css/user/account.less
public/assets/css/user/account.min.css
public/assets/js/car/confirm.js
resources/views/car/confirm.blade copy20221114.php
resources/views/car/confirm.blade.php
resources/views/common/headerNav.blade.php
resources/views/common/mallHeaderNav.blade.php
routes/web.php
app/Http/Controllers/BrandController.php
View file @
c503037d
...
...
@@ -26,6 +26,7 @@ class BrandController extends Controller
{
$brandList
=
BrandService
::
getStandardBrandList
();
return
view
(
'brand.map'
,
compact
(
'brandList'
));
}
...
...
public/assets/css/car/confirm copy20221114.less
0 → 100644
View file @
c503037d
.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
View file @
c503037d
...
...
@@ -447,4 +447,29 @@
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.min.css
View file @
c503037d
.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
}
\ No newline at end of file
.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
public/assets/css/common/common.less
View file @
c503037d
...
...
@@ -600,7 +600,12 @@
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;
&:hover {
color: #164D9A;
}
...
...
public/assets/css/common/common.min.css
View file @
c503037d
@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
}
\ No newline at end of file
@charset
"utf-8"
;
html
,
body
,
div
,
iframe
,
em
,
img
,
p
,
a
,
strong
,
b
,
i
,
form
,
label
,
span
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
applet
,
object
,
blockquote
,
big
,
cite
,
code
,
del
,
dfn
,
abbr
,
acronym
,
address
,
pre
,
time
,
mark
,
audio
,
video
,
article
,
aside
,
canvas
,
details
,
embed
,
figure
,
figcaption
,
footer
,
header
,
nav
,
section
,
menu
,
button
,
input
,
textarea
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
;
font-weight
:
normal
;
list-style
:
none
;
outline
:
none
;
resize
:
none
}
table
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
{
margin
:
0
;
padding
:
0
;
font-size
:
100%
;
font
:
inherit
}
a
{
text-decoration
:
none
}
table
{
border-color
:
#ccc
!important
}
body
,
html
,
button
,
input
{
font-family
:
Arial
,
helvetica
,
PingFangSC-Regular
,
PingFang
SC
,
"微软雅黑"
}
.but
{
height
:
33px
;
background
:
#283FEB
;
border-radius
:
8px
;
line-height
:
33px
;
font-size
:
18px
;
font-weight
:
bold
;
text-align
:
center
;
color
:
#fff
;
cursor
:
pointer
;
box-sizing
:
border-box
;
padding
:
0
5px
}
input
{
height
:
32px
;
line-height
:
32px
;
box-sizing
:
border-box
;
background
:
rgba
(
4
,
17
,
53
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
8px
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
}
input
::-webkit-input-placeholder
{
color
:
#BCBDC4
}
.scrollbar
{
overflow-y
:
auto
}
.scrollbar
::-webkit-scrollbar
{
width
:
2px
;
background-color
:
#EDEDED
}
.scrollbar
::-webkit-scrollbar-thumb
{
border-radius
:
2px
;
background-color
:
#164D9A
}
textarea
{
line-height
:
32px
;
box-sizing
:
border-box
;
background
:
rgba
(
4
,
17
,
53
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
8px
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
}
textarea
::-webkit-input-placeholder
{
color
:
#BCBDC4
}
select
{
height
:
32px
;
line-height
:
32px
;
background
:
rgba
(
4
,
17
,
53
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
8px
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
;
box-sizing
:
border-box
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
outline
:
none
;
background-image
:
linear-gradient
(
45deg
,
transparent
50%
,
#fff
50%
),
linear-gradient
(
135deg
,
#fff
50%
,
transparent
50%
);
background-position
:
calc
(
100%
-
15px
)
calc
(
1em
-
1px
),
calc
(
100%
-
10px
)
calc
(
1em
-
1px
),
calc
(
100%
-
2.5em
)
.5em
;
background-size
:
7px
5px
,
5px
5px
,
1px
1.5em
;
background-repeat
:
no-repeat
}
select
:focus
{
background-image
:
linear-gradient
(
45deg
,
#fff
50%
,
transparent
50%
),
linear-gradient
(
135deg
,
transparent
50%
,
#fff
50%
);
background-position
:
calc
(
100%
-
8px
)
calc
(
1em
-
1px
),
calc
(
100%
-
15px
)
calc
(
1em
-
1px
),
calc
(
100%
-
2.5em
)
.5em
;
background-size
:
7px
5px
,
5px
5px
,
1px
1.5em
;
background-repeat
:
no-repeat
}
.break-word
{
word-break
:
break-all
}
.clr
:after
{
visibility
:
hidden
;
display
:
block
;
font-size
:
0
;
content
:
" "
;
clear
:
both
;
height
:
0
}
.clr
{
display
:
block
;
min-height
:
1%
}
.clr
{
clear
:
both
}
.clr
:after
{
content
:
" "
;
display
:
table
;
clear
:
both
}
.fl
{
float
:
left
}
.fr
{
float
:
right
}
.fw
{
font-weight
:
bold
}
.ta-c
{
text-align
:
center
}
.ta-r
{
text-align
:
right
}
.ta-l
{
text-align
:
left
}
.flex
{
display
:
flex
}
.column
{
display
:
flex
;
flex-direction
:
column
}
.row
{
display
:
flex
;
flex-direction
:
row
}
.boxsiz
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.bothSide
{
justify-content
:
space-between
}
.avarage
{
justify-content
:
space-around
}
.rowCenter
{
justify-content
:
center
}
.verCenter
{
align-items
:
center
}
.gw-header-top
{
background
:
#F68332
;
height
:
70px
;
line-height
:
70px
;
font-size
:
24px
;
color
:
#fff
;
position
:
fixed
;
width
:
100%
;
top
:
0px
;
left
:
0px
;
z-index
:
2
}
.gw-header-top
div
{
width
:
100%
;
height
:
100%
}
.gw-header-top
div
span
{
float
:
right
;
margin-right
:
20px
}
.gw-header-top
div
span
i
{
cursor
:
pointer
;
color
:
#fff
;
font-size
:
18px
;
transition
:
all
.5s
}
.gw-header-top
div
span
:hover
i
{
color
:
#333
}
.gw-header-nav
{
height
:
112px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
backdrop-filter
:
blur
(
5px
);
width
:
100%
;
position
:
fixed
;
top
:
70px
;
left
:
0px
}
.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
public/assets/css/user/account.less
View file @
c503037d
...
...
@@ -165,14 +165,12 @@
word-break : break-all;
line-height: 22px;
.default-btn{
width: 160px;
height: 32px;
line-height: 32px;
line-height: 22px;
text-align: center;
background: #
FAFAFA
;
border: 1px solid #
DFEAFA
;
background: #
f3f3f3
;
border: 1px solid #
ccc
;
border-radius: 4px;
margin-left: 70px
width: 113px;
}
.bot {
width : 74px;
...
...
public/assets/css/user/account.min.css
View file @
c503037d
.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
}
\ No newline at end of file
.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
public/assets/js/car/confirm.js
View file @
c503037d
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
=
{
defaultAddressInfo
:
""
,
init
:
function
()
{
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
()
{
var
guid_
=
$
(
this
).
attr
(
"guid"
);
var
isAdd
=
$
(
this
).
hasClass
(
"addbtn"
)?
1
:
0
;
$
(
"body"
).
on
(
"click"
,
".popaddressbtn"
,
function
()
{
var
guid_
=
$
(
this
).
attr
(
"guid"
);
var
isAdd
=
$
(
this
).
hasClass
(
"addbtn"
)
?
1
:
0
;
liexin_pop
.
Open
({
title
:
(
isAdd
?
"Add Address"
:
"Change Address"
),
width
:
766
,
height
:
595
,
class
:
"addressOpen"
,
ele
:
".addressPop"
,
success
:
function
()
{
title
:
(
isAdd
?
"Add Address"
:
"Change Address"
),
width
:
766
,
height
:
595
,
class
:
"addressOpen"
,
ele
:
".addressPop"
,
success
:
function
()
{
}
})
})
//选择地址
$
(
"body"
).
on
(
"click"
,
".choosebtadress"
,
function
()
{
$
(
"body"
).
on
(
"click"
,
".choosebtadress"
,
function
()
{
liexin_pop
.
Open
({
title
:
"Choose Address"
,
width
:
1000
,
class
:
"addressChoose"
,
ele
:
".choose-popcheck"
,
success
:
function
()
{
title
:
"Choose Address"
,
width
:
1000
,
class
:
"addressChoose"
,
ele
:
".choose-popcheck"
,
success
:
function
()
{
}
})
})
//删除
$
(
"body"
).
on
(
"click"
,
".delbtn"
,
function
(){
liexin_pop
.
Confirm
({
title
:
"你确定不放开那个女孩吗?"
,
success
:
function
(
ele
){
ele
.
fadeOut
(
300
)
}})
$
(
"body"
).
on
(
"click"
,
".delbtn"
,
function
()
{
liexin_pop
.
Confirm
({
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
();
})
...
...
resources/views/car/confirm.blade copy20221114.php
0 → 100644
View file @
c503037d
@
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
View file @
c503037d
...
...
@@ -190,14 +190,14 @@
<div class="
addressPop
" style="
display
:
none
;
">
<div class="
inputboxp
">
<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
">
<font></font>
</p>
<span>Company</span>
</div>
<div class="
check
-
group
row
">
<p>
<div class="
check
-
group
row
check
-
group
-
addressp
" guid="
2
">
<p
class="
row
verCenter
rowCenter
"
>
<font></font>
</p>
<span>Personal</span>
...
...
@@ -207,63 +207,66 @@
<div class="
row
">
<div class="
input
-
group
-
auth
">
<p class="
labelp
"><span>*</span>EMAIL</p>
<input type="
text
">
<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
">
<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
">
<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
">
<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
">
<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=""></textarea>
<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>
<select name="">
<option value="">CHAIN</option>
<option value="">USA</option>
</select>
<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
">
PROVINC
E</p>
<input type="
text
">
<p class="
labelp
">
STAT
E</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
">
<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
">
<input type="
text
"
class="
post_code6
verify
" verifyTip='{"
type
":"
null
","
text
":"
POST
CODE
"}'
>
</div>
</div>
<div class="
tips
">
Wrong Email Address
</div>
<div class="
tips
"></div>
<div class="
row
subbtn
">
<div class="
choose
row
">
<div class="
choose
row
act
chooseaddresx
">
<div class="
chooseicon
"></div>
<span>
Save to the address list
</span>
<span>
Default address
</span>
</div>
<div class="
but
gobtn
gonext
">SAVE</div>
<div class="
but
gobtn
gonext
addressPopBtn
">SAVE</div>
</div>
</div>
...
...
resources/views/common/headerNav.blade.php
View file @
c503037d
...
...
@@ -38,7 +38,7 @@
<li
class=
"oneli fr"
><a
href=
"#"
class=
"onea frqbtnxs"
>
RFQ
</a></li>
<li
class=
"oneli fr"
><a
href=
"/mall"
class=
"onea"
>
STORE
</a></li>
<li
class=
"oneli fr"
>
<a
href=
""
class=
"onea"
>
ABOUT US
</a>
<a
href=
"
/about/company
"
class=
"onea"
>
ABOUT US
</a>
<ul
class=
"twonav"
>
<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>
...
...
resources/views/common/mallHeaderNav.blade.php
View file @
c503037d
...
...
@@ -8,7 +8,7 @@
</div>
<a
class=
"car-boxs"
href=
"/car"
><i
class=
"icon iconfont icon-gouwuche"
></i><span
class=
"carNum"
>
99
</span></a>
@if(!empty($_COOKIE['sem_email']))
<div
class=
"login-head-box yesLogin"
>
<div
class=
"login-head-box yesLogin"
>
<a
href=
"/user/order"
class=
"row"
>
<span><i
class=
"icon iconfont icon-touxiang"
></i></span>
<div
class=
"username"
>
{{$_COOKIE['sem_email']}}
</div>
...
...
@@ -21,13 +21,13 @@
</div>
</div>
@else
<div
class=
"login-head-box notLogin"
>
<div
class=
"login-head-box notLogin"
>
<a
href=
"/login?referer={{\Illuminate\Support\Facades\URL::current()}}"
>
Login
</a>
<font>
/
</font><a
href=
"/reg?referer={{\Illuminate\Support\Facades\URL::current()}}"
>
Register
</a>
</div>
@endif
<a
href=
"/about/company"
class=
"about-link"
>
Contact Us
</a>
</div>
</div>
...
...
@@ -36,81 +36,34 @@
<div
class=
"allpro"
>
<a
href=
"/mall"
class=
"act li"
>
All Products
</a>
<div
class=
"procon boxsiz"
>
@foreach ($classification as $key=>$item)
<div
class=
"groupboxx"
>
<div
class=
"headboxx row"
>
<img
src=
"{{$public}}/assets/images/common/class1.png"
alt=
""
>
<p>
Actives
</p>
<p>
{{$item['class_name']}}
</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>
@foreach ($item['children'] as $itemchild)
<a
href=
"/class/{{$itemchild['class_id']}}"
class=
"erji"
title=
"{{$itemchild['class_name_en']}}"
target=
"_blank"
>
{{$itemchild['class_name_en']}}
</a>
@endforeach
</div>
<div
class=
"rightboxx boxsiz"
>
@foreach ($item['children'] as $itemchild)
<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"
>
<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/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>
@foreach ($itemchild['children'] as $itemchild3)
<a
target=
"_blank"
href=
"/class/{{$itemchild3['class_name_en']??''}}"
title=
"{{$itemchild3['class_name_en']??''}}"
>
{{$itemchild3['class_name_en']??''}}
<span>
({{$itemchild3['sku_number']??''}})
</span></a>
@endforeach
</div>
</div>
@endforeach
</div>
</div>
@endforeach
</div>
</div>
<a
href=
"/brand/map"
class=
"li"
>
Manufacturers
</a>
...
...
routes/web.php
View file @
c503037d
...
...
@@ -41,9 +41,8 @@ Route::get('/about/refund', 'AboutController@refund')->name('about.refund');
Route
::
get
(
'/mall'
,
'MallController@index'
)
->
name
(
'mall.index'
);
Route
::
get
(
'/sku'
,
'SkuController@detail'
)
->
name
(
'sku.detail'
);
Route
::
get
(
'/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/list'
,
'BrandController@list'
)
->
name
(
'brand.list'
);
Route
::
get
(
'/brand/{id}'
,
'BrandController@info'
)
->
name
(
'brand.info'
);
Route
::
get
(
'/search'
,
'SearchController@index'
)
->
name
(
'search.index'
);
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment