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
da0bff65
authored
Dec 06, 2022
by
肖康
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
深茂导航调整
parent
3a6ffb37
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
12 additions
and
14 deletions
public/assets/css/common/common.less
public/assets/css/common/common.min.css
public/assets/css/home/home.less
public/assets/css/home/home.min.css
resources/views/auth/register.blade.php
public/assets/css/common/common.less
View file @
da0bff65
...
@@ -44,15 +44,14 @@
...
@@ -44,15 +44,14 @@
/**官网导航1***/
/**官网导航1***/
.gw-header-nav {
.gw-header-nav {
height : 112px;
height : 111px;
background : rgba(255, 255, 255, 0.1);
background : #02051F;
backdrop-filter: blur(10px);
width : 100%;
width : 100%;
position : fixed;
position : fixed;
top : 70px;
top : 70px;
left : 0px;
left : 0px;
z-index : 6;
z-index : 6;
border-bottom: 1px solid #545C76;
.ghn-con {
.ghn-con {
height: 112px;
height: 112px;
width : 1500px;
width : 1500px;
...
...
public/assets/css/common/common.min.css
View file @
da0bff65
@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
a
{
color
:
#fff
}
.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
(
10px
);
width
:
100%
;
position
:
fixed
;
top
:
70px
;
left
:
0px
;
z-index
:
6
}
.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
:
17px
;
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
.searchenter
.searchtopbox
{
position
:
relative
;
width
:
160px
;
box-sizing
:
border-box
;
opacity
:
0
;
width
:
30px
;
overflow
:
hidden
;
transition
:
all
.8s
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
input
{
width
:
160px
;
border-radius
:
40px
;
height
:
30px
;
display
:
none
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
span
{
position
:
absolute
;
cursor
:
pointer
;
top
:
6px
;
right
:
12px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
span
i
{
color
:
#fff
;
font-size
:
18px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
.searchtopbox
{
width
:
160px
;
opacity
:
1
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
.searchtopbox
input
{
display
:
block
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
a
{
display
:
none
}
.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
span
{
font-weight
:
bold
}
.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
a
{
color
:
#fff
}
.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
:
17px
;
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
.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
;
position
:
relative
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
{
width
:
180px
;
background
:
#164d9a
;
position
:
absolute
;
top
:
64px
;
left
:
0px
;
line-height
:
44px
;
box-sizing
:
border-box
;
padding
:
20px
;
display
:
none
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
a
{
color
:
#fff
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
a
:hover
{
color
:
#F68332
}
.mallpage
.mall-header-nav
.nav-box
.li
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.li
:hover
.twonav
{
display
:
block
}
.mallpage
.mall-header-nav
.nav-box
.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
;
overflow
:
hidden
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
img
{
width
:
22px
;
height
:
22px
;
vertical-align
:
middle
;
position
:
relative
;
left
:
0px
;
transition
:
all
.3s
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
p
{
color
:
#333
;
font-size
:
14px
;
margin-left
:
7px
;
position
:
relative
;
left
:
0px
;
transition
:
all
.3s
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
img
{
left
:
-25px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
p
{
left
:
-25px
}
.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
{
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3
:hover
b
{
font-size
:
60px
;
font-weight
:
bold
;
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.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
:
15px
;
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
span
{
font-weight
:
bold
}
.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
.price-group.act
{
color
:
#164D9A
}
.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
}
.mallpage
.M-pagebox
{
margin-top
:
20px
}
.mallpage
.M-pagebox
span
,
.mallpage
.M-pagebox
a
{
width
:
32px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-left
:
9px
;
color
:
#555
;
font-size
:
14px
;
cursor
:
pointer
;
box-sizing
:
border-box
;
line-height
:
32px
;
text-align
:
center
}
.mallpage
.M-pagebox
span
.active
{
background
:
#DFEAFA
;
border
:
1px
solid
#164D9A
}
.mallpage
.M-pagebox
input
{
width
:
52px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
text-align
:
center
;
line-height
:
32px
;
margin-left
:
9px
;
padding
:
0px
;
box-sizing
:
border-box
;
color
:
#555
;
font-size
:
14px
}
@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
a
{
color
:
#fff
}
.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
:
111px
;
background
:
#02051F
;
width
:
100%
;
position
:
fixed
;
top
:
70px
;
left
:
0px
;
z-index
:
6
;
border-bottom
:
1px
solid
#545C76
}
.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
:
17px
;
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
.searchenter
.searchtopbox
{
position
:
relative
;
width
:
160px
;
box-sizing
:
border-box
;
opacity
:
0
;
width
:
30px
;
overflow
:
hidden
;
transition
:
all
.8s
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
input
{
width
:
160px
;
border-radius
:
40px
;
height
:
30px
;
display
:
none
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
span
{
position
:
absolute
;
cursor
:
pointer
;
top
:
6px
;
right
:
12px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
span
i
{
color
:
#fff
;
font-size
:
18px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
.searchtopbox
{
width
:
160px
;
opacity
:
1
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
.searchtopbox
input
{
display
:
block
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
a
{
display
:
none
}
.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
span
{
font-weight
:
bold
}
.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
a
{
color
:
#fff
}
.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
:
17px
;
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
.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
;
position
:
relative
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
{
width
:
180px
;
background
:
#164d9a
;
position
:
absolute
;
top
:
64px
;
left
:
0px
;
line-height
:
44px
;
box-sizing
:
border-box
;
padding
:
20px
;
display
:
none
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
a
{
color
:
#fff
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
a
:hover
{
color
:
#F68332
}
.mallpage
.mall-header-nav
.nav-box
.li
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.li
:hover
.twonav
{
display
:
block
}
.mallpage
.mall-header-nav
.nav-box
.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
;
overflow
:
hidden
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
img
{
width
:
22px
;
height
:
22px
;
vertical-align
:
middle
;
position
:
relative
;
left
:
0px
;
transition
:
all
.3s
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
p
{
color
:
#333
;
font-size
:
14px
;
margin-left
:
7px
;
position
:
relative
;
left
:
0px
;
transition
:
all
.3s
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
img
{
left
:
-25px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
p
{
left
:
-25px
}
.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
{
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3
:hover
b
{
font-size
:
60px
;
font-weight
:
bold
;
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.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
:
15px
;
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
span
{
font-weight
:
bold
}
.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
.price-group.act
{
color
:
#164D9A
}
.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
}
.mallpage
.M-pagebox
{
margin-top
:
20px
}
.mallpage
.M-pagebox
span
,
.mallpage
.M-pagebox
a
{
width
:
32px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-left
:
9px
;
color
:
#555
;
font-size
:
14px
;
cursor
:
pointer
;
box-sizing
:
border-box
;
line-height
:
32px
;
text-align
:
center
}
.mallpage
.M-pagebox
span
.active
{
background
:
#DFEAFA
;
border
:
1px
solid
#164D9A
}
.mallpage
.M-pagebox
input
{
width
:
52px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
text-align
:
center
;
line-height
:
32px
;
margin-left
:
9px
;
padding
:
0px
;
box-sizing
:
border-box
;
color
:
#555
;
font-size
:
14px
}
\ No newline at end of file
\ No newline at end of file
public/assets/css/home/home.less
View file @
da0bff65
...
@@ -118,8 +118,7 @@ body{background: #000;min-width: 1200px;}
...
@@ -118,8 +118,7 @@ body{background: #000;min-width: 1200px;}
height:160px;
height:160px;
width:100%;
width:100%;
background: rgba(255,255,255,0.3);
background:rgba(31, 104, 242, 0.9);
backdrop-filter: blur(10px);
color:#fff;
color:#fff;
position: fixed;
position: fixed;
bottom:0px;
bottom:0px;
...
@@ -138,15 +137,15 @@ body{background: #000;min-width: 1200px;}
...
@@ -138,15 +137,15 @@ body{background: #000;min-width: 1200px;}
width: 248px;
width: 248px;
height: 48px;
height: 48px;
line-height: 48px;
line-height: 48px;
background: #
283FEB
;
background: #
F68332
;
color:#fff;
color:#fff;
font-size: 20px;
font-size: 20px;
border:1px solid #
283FEB
;
border:1px solid #
F68332
;
cursor: pointer;
cursor: pointer;
&.but-lk{
&.but-lk{
background: none;
background: none;
margin-right: 20px;
margin-right: 20px;
color:#
283FEB
;
color:#
F68332
;
}
}
}
}
}
}
...
...
public/assets/css/home/home.min.css
View file @
da0bff65
.gw-header-nav
{
position
:
fixed
;
top
:
70px
}
body
{
background
:
#000
;
min-width
:
1200px
}
.homepage
{
background
:
#000
}
.homepage
.floor1
{
height
:
1021px
;
width
:
100%
;
background
:
url("../../images/home/bg1.png")
center
top
no-repeat
}
.homepage
.floor1
.fl1-con
{
padding-top
:
440px
;
width
:
1200px
;
margin
:
0
auto
}
.homepage
.floor1
.fl1-con
.rtdes
{
position
:
relative
}
.homepage
.floor1
.fl1-con
.rtdes
p
{
color
:
#fff
;
font-size
:
60px
}
.homepage
.floor1
.fl1-con
.rtdes
.p24
{
font-size
:
24px
;
margin-top
:
30px
}
.homepage
.floor1
.fl1-con
.rtdes
img
{
display
:
block
;
position
:
absolute
;
z-index
:
1
;
width
:
450px
;
right
:
-50px
;
top
:
-150px
}
.homepage
.floor1
.fl1-con
.fl1botbox
{
margin-top
:
94px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
{
width
:
390px
;
padding-top
:
38px
;
padding-bottom
:
42px
;
background
:
rgba
(
2
,
11
,
51
,
0.75
);
margin-right
:
15px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem.ftlast
{
margin-right
:
0px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
{
height
:
88px
;
width
:
88px
;
margin
:
0
auto
;
background
:
#fff
;
border-radius
:
88px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
i
{
font-size
:
47px
;
position
:
relative
;
top
:
18px
;
color
:
#283FEB
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
p
{
text-align
:
center
;
font-size
:
30px
;
color
:
#fff
;
margin-top
:
38px
;
margin-bottom
:
24px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
i
.ijt
{
color
:
#283FEB
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
{
background
:
rgba
(
40
,
63
,
235
,
0.75
)}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
i
.ijt
{
color
:
#F68332
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
{
background
:
none
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
i
{
font-size
:
60px
;
color
:
#fff
}
.homepage
.floor2
{
height
:
480px
;
background
:
url("../../images/home/bg2.png")
center
top
no-repeat
;
font-size
:
24px
;
color
:
#fff
}
.homepage
.floor2
b
{
font-size
:
40px
}
.homepage
.floor2
.f2con
{
width
:
500px
;
margin
:
0
auto
;
position
:
relative
;
top
:
260px
;
width
:
864px
}
.homepage
.floor2
video
{
width
:
1200px
;
margin
:
0
auto
;
display
:
block
}
.homepage
.floor3
{
padding-top
:
4px
}
.homepage
.floor3
.row
{
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
#1B2037
;
color
:
#fff
;
font-size
:
30px
;
line-height
:
200px
;
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3.trr
{
padding-left
:
122px
}
.homepage
.floor3
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.homepage
.floor3
.itemf3
b
{
font-size
:
40px
;
font-weight
:
bold
;
margin-right
:
10px
}
.homepage
.floor3
.itemf3
:hover
b
{
font-size
:
100px
;
font-weight
:
bold
}
.homepage
.floor3
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor4
{
padding-top
:
60px
;
text-align
:
center
;
padding-bottom
:
60px
}
.homepage
.floor4
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.homepage
.floor4
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.floor4
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.homepage
.footfixedcor
{
height
:
160px
;
width
:
100%
;
background
:
rgba
(
255
,
255
,
255
,
0.3
);
backdrop-filter
:
blur
(
10px
);
color
:
#fff
;
position
:
fixed
;
bottom
:
0px
;
z-index
:
1
}
.homepage
.footfixedcor
.confotfix
{
position
:
relative
;
padding-top
:
44px
;
padding-bottom
:
47px
;
z-index
:
2
}
.homepage
.footfixedcor
.confotfix
div
.textt
{
width
:
656px
;
font-size
:
18px
;
line-height
:
24px
;
margin-right
:
28px
;
color
:
#fff
}
.homepage
.footfixedcor
.confotfix
.but
{
display
:
block
;
position
:
relative
;
top
:
10px
;
text-align
:
center
;
width
:
248px
;
height
:
48px
;
line-height
:
48px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
20px
;
border
:
1px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.footfixedcor
.confotfix
.but.but-lk
{
background
:
none
;
margin-right
:
20px
;
color
:
#283FEB
}
.gw-header-nav
{
position
:
fixed
;
top
:
70px
}
body
{
background
:
#000
;
min-width
:
1200px
}
.homepage
{
background
:
#000
}
.homepage
.floor1
{
height
:
1021px
;
width
:
100%
;
background
:
url("../../images/home/bg1.png")
center
top
no-repeat
}
.homepage
.floor1
.fl1-con
{
padding-top
:
440px
;
width
:
1200px
;
margin
:
0
auto
}
.homepage
.floor1
.fl1-con
.rtdes
{
position
:
relative
}
.homepage
.floor1
.fl1-con
.rtdes
p
{
color
:
#fff
;
font-size
:
60px
}
.homepage
.floor1
.fl1-con
.rtdes
.p24
{
font-size
:
24px
;
margin-top
:
30px
}
.homepage
.floor1
.fl1-con
.rtdes
img
{
display
:
block
;
position
:
absolute
;
z-index
:
1
;
width
:
450px
;
right
:
-50px
;
top
:
-150px
}
.homepage
.floor1
.fl1-con
.fl1botbox
{
margin-top
:
94px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
{
width
:
390px
;
padding-top
:
38px
;
padding-bottom
:
42px
;
background
:
rgba
(
2
,
11
,
51
,
0.75
);
margin-right
:
15px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem.ftlast
{
margin-right
:
0px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
{
height
:
88px
;
width
:
88px
;
margin
:
0
auto
;
background
:
#fff
;
border-radius
:
88px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
i
{
font-size
:
47px
;
position
:
relative
;
top
:
18px
;
color
:
#283FEB
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
p
{
text-align
:
center
;
font-size
:
30px
;
color
:
#fff
;
margin-top
:
38px
;
margin-bottom
:
24px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
i
.ijt
{
color
:
#283FEB
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
{
background
:
rgba
(
40
,
63
,
235
,
0.75
)}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
i
.ijt
{
color
:
#F68332
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
{
background
:
none
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
i
{
font-size
:
60px
;
color
:
#fff
}
.homepage
.floor2
{
height
:
480px
;
background
:
url("../../images/home/bg2.png")
center
top
no-repeat
;
font-size
:
24px
;
color
:
#fff
}
.homepage
.floor2
b
{
font-size
:
40px
}
.homepage
.floor2
.f2con
{
width
:
500px
;
margin
:
0
auto
;
position
:
relative
;
top
:
260px
;
width
:
864px
}
.homepage
.floor2
video
{
width
:
1200px
;
margin
:
0
auto
;
display
:
block
}
.homepage
.floor3
{
padding-top
:
4px
}
.homepage
.floor3
.row
{
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
#1B2037
;
color
:
#fff
;
font-size
:
30px
;
line-height
:
200px
;
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3.trr
{
padding-left
:
122px
}
.homepage
.floor3
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.homepage
.floor3
.itemf3
b
{
font-size
:
40px
;
font-weight
:
bold
;
margin-right
:
10px
}
.homepage
.floor3
.itemf3
:hover
b
{
font-size
:
100px
;
font-weight
:
bold
}
.homepage
.floor3
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor4
{
padding-top
:
60px
;
text-align
:
center
;
padding-bottom
:
60px
}
.homepage
.floor4
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.homepage
.floor4
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.floor4
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.homepage
.footfixedcor
{
height
:
160px
;
width
:
100%
;
background
:
rgba
(
31
,
104
,
242
,
0.9
);
color
:
#fff
;
position
:
fixed
;
bottom
:
0px
;
z-index
:
1
}
.homepage
.footfixedcor
.confotfix
{
position
:
relative
;
padding-top
:
44px
;
padding-bottom
:
47px
;
z-index
:
2
}
.homepage
.footfixedcor
.confotfix
div
.textt
{
width
:
656px
;
font-size
:
18px
;
line-height
:
24px
;
margin-right
:
28px
;
color
:
#fff
}
.homepage
.footfixedcor
.confotfix
.but
{
display
:
block
;
position
:
relative
;
top
:
10px
;
text-align
:
center
;
width
:
248px
;
height
:
48px
;
line-height
:
48px
;
background
:
#F68332
;
color
:
#fff
;
font-size
:
20px
;
border
:
1px
solid
#F68332
;
cursor
:
pointer
}
.homepage
.footfixedcor
.confotfix
.but.but-lk
{
background
:
none
;
margin-right
:
20px
;
color
:
#F68332
}
\ No newline at end of file
\ No newline at end of file
resources/views/auth/register.blade.php
View file @
da0bff65
...
@@ -126,7 +126,7 @@
...
@@ -126,7 +126,7 @@
<p class="
labelp
"><span>*</span>LAST NAME</p>
<p class="
labelp
"><span>*</span>LAST NAME</p>
<input type="
text
" class="
last_name3
verify
" verifyTip='{"
type
":"
null
","
text
":"
LAST
NAME
"}'>
<input type="
text
" class="
last_name3
verify
" verifyTip='{"
type
":"
null
","
text
":"
LAST
NAME
"}'>
</div>
</div>
</div>
</div>
<div class="
row
">
<div class="
row
">
<div class="
input
-
group
-
auth
">
<div class="
input
-
group
-
auth
">
<p class="
labelp
"><span>*</span>ADDRESS</p>
<p class="
labelp
"><span>*</span>ADDRESS</p>
...
...
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
