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
6203422b
authored
Nov 30, 2022
by
肖康
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
需求方反馈文档修改
parent
5691d711
Show whitespace changes
Inline
Side-by-side
Showing
16 changed files
with
42 additions
and
24 deletions
public/assets/css/about/about.less
public/assets/css/about/about.min.css
public/assets/css/auth/reg.less
public/assets/css/auth/reg.min.css
public/assets/css/common/common.less
public/assets/css/common/common.min.css
public/assets/images/about/zjbg.png
public/assets/js/common/tool.js
resources/views/about/certification.blade.php
resources/views/about/quality.blade.php
resources/views/auth/forget.blade.php
resources/views/auth/login.blade.php
resources/views/auth/register.blade.php
resources/views/car/car.blade.php
resources/views/common/mallHeaderNav.blade.php
resources/views/sku/detail.blade.php
public/assets/css/about/about.less
View file @
6203422b
...
@@ -53,7 +53,7 @@ body{background: #000;min-width: 1200px;}
...
@@ -53,7 +53,7 @@ body{background: #000;min-width: 1200px;}
background: #000;
background: #000;
.floor1{
.floor1{
height:1003px;
height:1003px;
background: url("../../images/about/
quality
bg.png") center top no-repeat;
background: url("../../images/about/
zj
bg.png") center top no-repeat;
p{font-size: 80px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;span{font-size: 50px;display: block;}}
p{font-size: 80px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;span{font-size: 50px;display: block;}}
}
}
.floor2{
.floor2{
...
...
public/assets/css/about/about.min.css
View file @
6203422b
.gw-header-nav
{
position
:
fixed
;
top
:
70px
}
body
{
background
:
#000
;
min-width
:
1200px
}
.aboutpage
{
background
:
#000
}
.aboutpage
.floor1
{
height
:
1003px
;
background
:
url("../../images/about/companybg1.png")
center
top
no-repeat
}
.aboutpage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.aboutpage
.floor2
{
height
:
1485px
;
background
:
url("../../images/about/companybg2.png")
center
top
no-repeat
}
.aboutpage
.floor2
.jscon
{
width
:
1200px
;
height
:
1243px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.aboutpage
.floor2
.jscon
b
{
font-size
:
60px
}
.aboutpage
.floor2
.jscon
p
{
margin-bottom
:
50px
}
.aboutpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.aboutpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.aboutpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.aboutpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.qualitypage
{
background
:
#000
}
.qualitypage
.floor1
{
height
:
1003px
;
background
:
url("../../images/about/qualitybg.png")
center
top
no-repeat
}
.qualitypage
.floor1
p
{
font-size
:
80px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.qualitypage
.floor1
p
span
{
font-size
:
50px
;
display
:
block
}
.qualitypage
.floor2
{
height
:
1074px
;
background
:
url("../../images/about/bgg5.png")
center
top
no-repeat
}
.qualitypage
.floor2
.jscon
{
width
:
1200px
;
height
:
410px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.qualitypage
.floor2
.jscon
b
{
font-size
:
60px
}
.qualitypage
.floor2
.jscon
p
{
margin-bottom
:
50px
}
.qualitypage
.floor2
.supplierboxsp
{
padding-top
:
20px
}
.qualitypage
.floor2
.supplierboxsp
.row
{
margin-bottom
:
1px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
color
:
#fff
;
font-size
:
22px
;
line-height
:
200px
;
margin-bottom
:
1px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.trr
{
padding-left
:
122px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
span
{
transition
:
all
.6s
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
:hover
{
background
:
url("../../images/home/subj.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
:hover
span
{
opacity
:
0
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp1
:hover
{
background
:
url("../../images/about/bgrp1.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp2
:hover
{
background
:
url("../../images/about/bgrp2.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp3
:hover
{
background
:
url("../../images/about/bgrp3.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp4
:hover
{
background
:
url("../../images/about/bgrp4.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.qualitypage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.qualitypage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.qualitypage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.privacypage
{
background
:
#000
}
.privacypage
.floor1
{
height
:
1003px
;
background
:
url("../../images/about/privacybg1.png")
center
top
no-repeat
}
.privacypage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.privacypage
.floor2
{
height
:
3744px
;
background
:
url("../../images/about/privacybg2.png")
center
top
no-repeat
}
.privacypage
.floor2
.jscon
{
width
:
1200px
;
height
:
3490px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.privacypage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.privacypage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.privacypage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.privacypage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.privacypage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.termpage
{
background
:
#000
}
.termpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/termbg1.png")
center
top
no-repeat
}
.termpage
.floor1
p
{
font-size
:
90px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.termpage
.floor1
p
span
{
font-size
:
50px
;
font-weight
:
bold
;
color
:
#fff
;
display
:
block
;
margin-top
:
30px
}
.termpage
.floor2
{
height
:
2359px
;
background
:
url("../../images/about/termbg2.png")
center
top
no-repeat
}
.termpage
.floor2
.jscon
{
width
:
1200px
;
height
:
2117px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.termpage
.floor2
.jscon
b
{
display
:
block
;
font-size
:
18px
;
font-weight
:
bold
;
margin-bottom
:
20px
}
.termpage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.termpage
.floor2
.jscon
p
.tc-r
{
text-align
:
right
;
margin-top
:
60px
}
.termpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.termpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.termpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.termpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.termuserpage
{
background
:
#000
}
.termuserpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/termuserbg1.png")
center
top
no-repeat
}
.termuserpage
.floor1
p
{
font-size
:
90px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.termuserpage
.floor2
{
height
:
2310px
;
background
:
url("../../images/about/termuserbg2.png")
center
top
no-repeat
}
.termuserpage
.floor2
.jscon
{
width
:
1200px
;
height
:
2060px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.termuserpage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.termuserpage
.floor2
.jscon
p
.tc-r
{
text-align
:
right
;
margin-top
:
60px
}
.termuserpage
.floor2
.jscon
.b
{
display
:
block
;
font-size
:
16px
;
font-weight
:
bold
;
margin-bottom
:
20px
}
.termuserpage
.floor2
.jscon
.btitle
{
font-size
:
22px
}
.termuserpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.termuserpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.termuserpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.termuserpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.refundpage
{
background
:
#000
}
.refundpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/refundbg1.png")
center
top
no-repeat
}
.refundpage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.refundpage
.floor2
{
height
:
1062px
;
background
:
url("../../images/about/refundbg2.png")
center
top
no-repeat
}
.refundpage
.floor2
.jscon
{
width
:
1200px
;
height
:
816px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.refundpage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.refundpage
.floor2
.jscon
p
.tc-r
{
text-align
:
right
;
margin-top
:
60px
}
.refundpage
.floor2
.jscon
.b
{
display
:
block
;
font-size
:
16px
;
font-weight
:
bold
;
margin-bottom
:
20px
}
.refundpage
.floor2
.jscon
.btitle
{
font-size
:
22px
}
.refundpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.refundpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.refundpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.refundpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.certificationpage
{
background
:
#000
}
.certificationpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/termuserbg1.png")
center
top
no-repeat
}
.certificationpage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.certificationpage
.floor2
{
height
:
1022px
;
background
:
url("../../images/about/termuserbg2.png")
center
top
no-repeat
}
.certificationpage
.floor2
.jscon
{
width
:
1200px
;
height
:
380px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.certificationpage
.floor2
.jscon
b
{
font-size
:
60px
}
.certificationpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.certificationpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.certificationpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.certificationpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.certificationpage
.floor3
.fl3con
{
height
:
360px
;
margin-top
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
)}
.certificationpage
.floor3
.fl3con
.item
{
width
:
285px
;
height
:
360px
;
padding-left
:
21px
;
padding-top
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
0
)}
.certificationpage
.floor3
.fl3con
.item
img
{
display
:
block
;
margin
:
0
auto
}
.certificationpage
.floor3
.fl3con
.item
p
{
font-size
:
22px
;
font-weight
:
bold
;
color
:
#fff
;
opacity
:
0
}
.certificationpage
.floor3
.fl3con
.item
.imgbox
{
height
:
230px
}
.certificationpage
.floor3
.fl3con
.item
div
.text
{
opacity
:
0
;
text-align
:
center
}
.certificationpage
.floor3
.fl3con
.item
div
.text
i
{
color
:
#283FEB
}
.certificationpage
.floor3
.fl3con
.item
.ht
{
display
:
none
}
.certificationpage
.floor3
.fl3con
.item
:hover
{
background
:
rgba
(
255
,
255
,
255
,
0.1
)}
.certificationpage
.floor3
.fl3con
.item
:hover
p
{
opacity
:
1
}
.certificationpage
.floor3
.fl3con
.item
:hover
.ht
{
display
:
block
}
.certificationpage
.floor3
.fl3con
.item
:hover
.st
{
display
:
none
}
.certificationpage
.floor3
.fl3con
.item
:hover
div
.text
{
opacity
:
1
}
.gw-header-nav
{
position
:
fixed
;
top
:
70px
}
body
{
background
:
#000
;
min-width
:
1200px
}
.aboutpage
{
background
:
#000
}
.aboutpage
.floor1
{
height
:
1003px
;
background
:
url("../../images/about/companybg1.png")
center
top
no-repeat
}
.aboutpage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.aboutpage
.floor2
{
height
:
1485px
;
background
:
url("../../images/about/companybg2.png")
center
top
no-repeat
}
.aboutpage
.floor2
.jscon
{
width
:
1200px
;
height
:
1243px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.aboutpage
.floor2
.jscon
b
{
font-size
:
60px
}
.aboutpage
.floor2
.jscon
p
{
margin-bottom
:
50px
}
.aboutpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.aboutpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.aboutpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.aboutpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.qualitypage
{
background
:
#000
}
.qualitypage
.floor1
{
height
:
1003px
;
background
:
url("../../images/about/zjbg.png")
center
top
no-repeat
}
.qualitypage
.floor1
p
{
font-size
:
80px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.qualitypage
.floor1
p
span
{
font-size
:
50px
;
display
:
block
}
.qualitypage
.floor2
{
height
:
1074px
;
background
:
url("../../images/about/bgg5.png")
center
top
no-repeat
}
.qualitypage
.floor2
.jscon
{
width
:
1200px
;
height
:
410px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.qualitypage
.floor2
.jscon
b
{
font-size
:
60px
}
.qualitypage
.floor2
.jscon
p
{
margin-bottom
:
50px
}
.qualitypage
.floor2
.supplierboxsp
{
padding-top
:
20px
}
.qualitypage
.floor2
.supplierboxsp
.row
{
margin-bottom
:
1px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
color
:
#fff
;
font-size
:
22px
;
line-height
:
200px
;
margin-bottom
:
1px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.trr
{
padding-left
:
122px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
span
{
transition
:
all
.6s
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
:hover
{
background
:
url("../../images/home/subj.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
:hover
span
{
opacity
:
0
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp1
:hover
{
background
:
url("../../images/about/bgrp1.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp2
:hover
{
background
:
url("../../images/about/bgrp2.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp3
:hover
{
background
:
url("../../images/about/bgrp3.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp4
:hover
{
background
:
url("../../images/about/bgrp4.png")
no-repeat
;
background-size
:
100%
100%
}
.qualitypage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.qualitypage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.qualitypage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.qualitypage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.privacypage
{
background
:
#000
}
.privacypage
.floor1
{
height
:
1003px
;
background
:
url("../../images/about/privacybg1.png")
center
top
no-repeat
}
.privacypage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.privacypage
.floor2
{
height
:
3744px
;
background
:
url("../../images/about/privacybg2.png")
center
top
no-repeat
}
.privacypage
.floor2
.jscon
{
width
:
1200px
;
height
:
3490px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.privacypage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.privacypage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.privacypage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.privacypage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.privacypage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.termpage
{
background
:
#000
}
.termpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/termbg1.png")
center
top
no-repeat
}
.termpage
.floor1
p
{
font-size
:
90px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.termpage
.floor1
p
span
{
font-size
:
50px
;
font-weight
:
bold
;
color
:
#fff
;
display
:
block
;
margin-top
:
30px
}
.termpage
.floor2
{
height
:
2359px
;
background
:
url("../../images/about/termbg2.png")
center
top
no-repeat
}
.termpage
.floor2
.jscon
{
width
:
1200px
;
height
:
2117px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.termpage
.floor2
.jscon
b
{
display
:
block
;
font-size
:
18px
;
font-weight
:
bold
;
margin-bottom
:
20px
}
.termpage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.termpage
.floor2
.jscon
p
.tc-r
{
text-align
:
right
;
margin-top
:
60px
}
.termpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.termpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.termpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.termpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.termuserpage
{
background
:
#000
}
.termuserpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/termuserbg1.png")
center
top
no-repeat
}
.termuserpage
.floor1
p
{
font-size
:
90px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.termuserpage
.floor2
{
height
:
2310px
;
background
:
url("../../images/about/termuserbg2.png")
center
top
no-repeat
}
.termuserpage
.floor2
.jscon
{
width
:
1200px
;
height
:
2060px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.termuserpage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.termuserpage
.floor2
.jscon
p
.tc-r
{
text-align
:
right
;
margin-top
:
60px
}
.termuserpage
.floor2
.jscon
.b
{
display
:
block
;
font-size
:
16px
;
font-weight
:
bold
;
margin-bottom
:
20px
}
.termuserpage
.floor2
.jscon
.btitle
{
font-size
:
22px
}
.termuserpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.termuserpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.termuserpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.termuserpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.refundpage
{
background
:
#000
}
.refundpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/refundbg1.png")
center
top
no-repeat
}
.refundpage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.refundpage
.floor2
{
height
:
1062px
;
background
:
url("../../images/about/refundbg2.png")
center
top
no-repeat
}
.refundpage
.floor2
.jscon
{
width
:
1200px
;
height
:
816px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.refundpage
.floor2
.jscon
p
{
margin-bottom
:
20px
;
font-size
:
16px
}
.refundpage
.floor2
.jscon
p
.tc-r
{
text-align
:
right
;
margin-top
:
60px
}
.refundpage
.floor2
.jscon
.b
{
display
:
block
;
font-size
:
16px
;
font-weight
:
bold
;
margin-bottom
:
20px
}
.refundpage
.floor2
.jscon
.btitle
{
font-size
:
22px
}
.refundpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.refundpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.refundpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.refundpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.certificationpage
{
background
:
#000
}
.certificationpage
.floor1
{
height
:
1002px
;
background
:
url("../../images/about/termuserbg1.png")
center
top
no-repeat
}
.certificationpage
.floor1
p
{
font-size
:
110px
;
font-weight
:
bold
;
color
:
#fff
;
width
:
1200px
;
margin
:
0
auto
}
.certificationpage
.floor2
{
height
:
1022px
;
background
:
url("../../images/about/termuserbg2.png")
center
top
no-repeat
}
.certificationpage
.floor2
.jscon
{
width
:
1200px
;
height
:
380px
;
margin
:
0
auto
;
background
:
rgba
(
40
,
63
,
235
,
0.4
);
font-size
:
30px
;
color
:
#fff
;
font-weight
:
bold
;
padding
:
0px
63px
}
.certificationpage
.floor2
.jscon
b
{
font-size
:
60px
}
.certificationpage
.floor2
.readbox
{
padding-top
:
50px
;
text-align
:
center
;
padding-bottom
:
60px
}
.certificationpage
.floor2
.readbox
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.certificationpage
.floor2
.readbox
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.certificationpage
.floor2
.readbox
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.certificationpage
.floor3
.fl3con
{
height
:
360px
;
margin-top
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
)}
.certificationpage
.floor3
.fl3con
.item
{
width
:
285px
;
height
:
360px
;
padding-left
:
21px
;
padding-top
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
0
)}
.certificationpage
.floor3
.fl3con
.item
img
{
display
:
block
;
margin
:
0
auto
}
.certificationpage
.floor3
.fl3con
.item
p
{
font-size
:
22px
;
font-weight
:
bold
;
color
:
#fff
;
opacity
:
0
}
.certificationpage
.floor3
.fl3con
.item
.imgbox
{
height
:
230px
}
.certificationpage
.floor3
.fl3con
.item
div
.text
{
opacity
:
0
;
text-align
:
center
}
.certificationpage
.floor3
.fl3con
.item
div
.text
i
{
color
:
#283FEB
}
.certificationpage
.floor3
.fl3con
.item
.ht
{
display
:
none
}
.certificationpage
.floor3
.fl3con
.item
:hover
{
background
:
rgba
(
255
,
255
,
255
,
0.1
)}
.certificationpage
.floor3
.fl3con
.item
:hover
p
{
opacity
:
1
}
.certificationpage
.floor3
.fl3con
.item
:hover
.ht
{
display
:
block
}
.certificationpage
.floor3
.fl3con
.item
:hover
.st
{
display
:
none
}
.certificationpage
.floor3
.fl3con
.item
:hover
div
.text
{
opacity
:
1
}
\ No newline at end of file
\ No newline at end of file
public/assets/css/auth/reg.less
View file @
6203422b
...
@@ -26,6 +26,8 @@ html,
...
@@ -26,6 +26,8 @@ html,
width : 118px;
width : 118px;
height : 20px;
height : 20px;
margin-left: 25px;
margin-left: 25px;
position: relative;
top:3px;
}
}
span {
span {
...
...
public/assets/css/auth/reg.min.css
View file @
6203422b
body
,
html
,
#app
{
height
:
100%
;
background
:
#000
}
.authpage
{
height
:
100%
;
background
:
#000
}
.authpage
.auth-con
{
height
:
100%
;
background
:
url("../../images/auth/authbg.png")
center
top
no-repeat
}
.authpage
.auth-con
.auth-box
{
width
:
756px
;
margin
:
0
auto
}
.authpage
.auth-con
.auth-box
.authb-head
{
height
:
65px
;
background
:
#010720
;
border-radius
:
16px
16px
0px
0px
}
.authpage
.auth-con
.auth-box
.authb-head
img
{
width
:
118px
;
height
:
20px
;
margin-left
:
25px
}
.authpage
.auth-con
.auth-box
.authb-head
span
{
font-size
:
18px
;
font-weight
:
bold
;
color
:
#fff
;
position
:
relative
;
margin-left
:
16px
;
top
:
3px
}
.authpage
.auth-con
.auth-box
.inputboxp
{
width
:
756px
;
background
:
rgba
(
255
,
255
,
255
,
0.3
);
border-radius
:
0px
0px
16px
16px
;
padding
:
25px
}
.authpage
.auth-con
.auth-box
.inputboxp
p
.headtips
{
color
:
#fff
;
font-size
:
18px
;
font-weight
:
bold
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
{
margin-top
:
22px
;
padding-left
:
20px
;
color
:
#fff
;
font-size
:
14px
;
margin-bottom
:
15px
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group
{
cursor
:
pointer
;
margin-right
:
25px
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group
p
{
width
:
10px
;
height
:
10px
;
border
:
1px
solid
#F68332
;
border-radius
:
50%
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group.act
p
font
{
display
:
block
;
width
:
4px
;
height
:
4px
;
background
:
#F68332
;
border-radius
:
50%
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group
span
{
margin-left
:
6px
;
position
:
relative
;
top
:
-2px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
{
padding
:
0
20px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
{
margin-bottom
:
15px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
p
.labelp
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
9px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
p
.labelp
span
{
color
:
#F68332
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
input
{
width
:
320px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth.sm
input
{
width
:
146px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth.ml30
{
margin-left
:
30px
}
.authpage
.auth-con
.auth-box
.inputboxp
.gobtn
{
width
:
218px
;
margin
:
0
auto
;
margin-top
:
10px
}
.authpage
.auth-con
.auth-box
.inputboxp
.tips
{
font-size
:
14px
;
text-align
:
center
;
color
:
#BF0707
;
height
:
20px
;
line-height
:
20px
;
margin-top
:
20px
;
margin-bottom
:
5px
}
.authpage
.auth-con
.auth-box.regStep2
{
width
:
414px
}
.authpage
.auth-con
.auth-box.regStep2
.inputboxp
{
width
:
414px
}
.authpage
.auth-con
.auth-box.regStep2
p
.headtips
{
font-size
:
16px
;
margin-bottom
:
21px
}
.authpage
.auth-con
.auth-box.regStep2
.resendbox
{
font-size
:
14px
;
color
:
#fff
;
padding-left
:
20px
;
margin-bottom
:
24px
}
.authpage
.auth-con
.auth-box.regStep2
.resendbox
.resendbut
{
cursor
:
pointer
;
color
:
#283FEB
;
font-size
:
14px
;
font-weight
:
bold
;
margin-left
:
27px
}
.authpage
.auth-con
.auth-box.regStep2
.nextbut
{
width
:
218px
}
.authpage
.auth-con
.auth-box.regStep2
.backbut
{
font-size
:
16px
;
font-weight
:
bold
;
color
:
#283FEB
;
cursor
:
pointer
;
position
:
relative
;
top
:
17px
;
margin-right
:
50px
;
left
:
-10px
}
.authpage
.auth-con
.auth-box.regStep2
.tips
{
font-size
:
14px
;
padding-left
:
20px
;
padding-right
:
20px
;
text-align
:
left
;
color
:
#BF0707
;
height
:
20px
;
line-height
:
20px
;
margin-top
:
0px
;
margin-bottom
:
15px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
p
.headtips
{
color
:
#fff
;
font-size
:
16px
;
font-weight
:
bold
;
margin-bottom
:
24px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
select
{
width
:
320px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.hline
{
height
:
2px
;
width
:
20px
;
background
:
#FFf
;
margin
:
0
20px
;
position
:
relative
;
top
:
14px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.xs
input
{
width
:
130px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.tikup
{
padding
:
0
20px
;
font-size
:
14px
;
color
:
#fff
;
line-height
:
18px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.tikup
span
{
color
:
#F68332
}
.getCountryBox
{
position
:
relative
}
.getCountryBox
.conps
{
display
:
none
;
position
:
absolute
;
top
:
33px
;
left
:
0px
;
width
:
320px
;
height
:
200px
;
overflow-y
:
auto
;
background
:
#fff
;
box-shadow
:
0
0
10px
#ccc
;
padding
:
15px
0
}
.getCountryBox
.conps
.citem
{
height
:
28px
;
line-height
:
28px
;
padding
:
0
20px
;
color
:
#164D9A
;
cursor
:
pointer
}
.getCountryBox
.conps
.citem
:hover
{
background
:
#DFEAFA
}
body
,
html
,
#app
{
height
:
100%
;
background
:
#000
}
.authpage
{
height
:
100%
;
background
:
#000
}
.authpage
.auth-con
{
height
:
100%
;
background
:
url("../../images/auth/authbg.png")
center
top
no-repeat
}
.authpage
.auth-con
.auth-box
{
width
:
756px
;
margin
:
0
auto
}
.authpage
.auth-con
.auth-box
.authb-head
{
height
:
65px
;
background
:
#010720
;
border-radius
:
16px
16px
0px
0px
}
.authpage
.auth-con
.auth-box
.authb-head
img
{
width
:
118px
;
height
:
20px
;
margin-left
:
25px
;
position
:
relative
;
top
:
3px
}
.authpage
.auth-con
.auth-box
.authb-head
span
{
font-size
:
18px
;
font-weight
:
bold
;
color
:
#fff
;
position
:
relative
;
margin-left
:
16px
;
top
:
3px
}
.authpage
.auth-con
.auth-box
.inputboxp
{
width
:
756px
;
background
:
rgba
(
255
,
255
,
255
,
0.3
);
border-radius
:
0px
0px
16px
16px
;
padding
:
25px
}
.authpage
.auth-con
.auth-box
.inputboxp
p
.headtips
{
color
:
#fff
;
font-size
:
18px
;
font-weight
:
bold
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
{
margin-top
:
22px
;
padding-left
:
20px
;
color
:
#fff
;
font-size
:
14px
;
margin-bottom
:
15px
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group
{
cursor
:
pointer
;
margin-right
:
25px
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group
p
{
width
:
10px
;
height
:
10px
;
border
:
1px
solid
#F68332
;
border-radius
:
50%
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group.act
p
font
{
display
:
block
;
width
:
4px
;
height
:
4px
;
background
:
#F68332
;
border-radius
:
50%
}
.authpage
.auth-con
.auth-box
.inputboxp
.checkbox
.check-group
span
{
margin-left
:
6px
;
position
:
relative
;
top
:
-2px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
{
padding
:
0
20px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
{
margin-bottom
:
15px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
p
.labelp
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
9px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
p
.labelp
span
{
color
:
#F68332
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth
input
{
width
:
320px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth.sm
input
{
width
:
146px
}
.authpage
.auth-con
.auth-box
.inputboxp
.input-con
.input-group-auth.ml30
{
margin-left
:
30px
}
.authpage
.auth-con
.auth-box
.inputboxp
.gobtn
{
width
:
218px
;
margin
:
0
auto
;
margin-top
:
10px
}
.authpage
.auth-con
.auth-box
.inputboxp
.tips
{
font-size
:
14px
;
text-align
:
center
;
color
:
#BF0707
;
height
:
20px
;
line-height
:
20px
;
margin-top
:
20px
;
margin-bottom
:
5px
}
.authpage
.auth-con
.auth-box.regStep2
{
width
:
414px
}
.authpage
.auth-con
.auth-box.regStep2
.inputboxp
{
width
:
414px
}
.authpage
.auth-con
.auth-box.regStep2
p
.headtips
{
font-size
:
16px
;
margin-bottom
:
21px
}
.authpage
.auth-con
.auth-box.regStep2
.resendbox
{
font-size
:
14px
;
color
:
#fff
;
padding-left
:
20px
;
margin-bottom
:
24px
}
.authpage
.auth-con
.auth-box.regStep2
.resendbox
.resendbut
{
cursor
:
pointer
;
color
:
#283FEB
;
font-size
:
14px
;
font-weight
:
bold
;
margin-left
:
27px
}
.authpage
.auth-con
.auth-box.regStep2
.nextbut
{
width
:
218px
}
.authpage
.auth-con
.auth-box.regStep2
.backbut
{
font-size
:
16px
;
font-weight
:
bold
;
color
:
#283FEB
;
cursor
:
pointer
;
position
:
relative
;
top
:
17px
;
margin-right
:
50px
;
left
:
-10px
}
.authpage
.auth-con
.auth-box.regStep2
.tips
{
font-size
:
14px
;
padding-left
:
20px
;
padding-right
:
20px
;
text-align
:
left
;
color
:
#BF0707
;
height
:
20px
;
line-height
:
20px
;
margin-top
:
0px
;
margin-bottom
:
15px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
p
.headtips
{
color
:
#fff
;
font-size
:
16px
;
font-weight
:
bold
;
margin-bottom
:
24px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
select
{
width
:
320px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.hline
{
height
:
2px
;
width
:
20px
;
background
:
#FFf
;
margin
:
0
20px
;
position
:
relative
;
top
:
14px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.xs
input
{
width
:
130px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.tikup
{
padding
:
0
20px
;
font-size
:
14px
;
color
:
#fff
;
line-height
:
18px
}
.authpage
.auth-con
.auth-box.regStep3
.inputboxp
.tikup
span
{
color
:
#F68332
}
.getCountryBox
{
position
:
relative
}
.getCountryBox
.conps
{
display
:
none
;
position
:
absolute
;
top
:
33px
;
left
:
0px
;
width
:
320px
;
height
:
200px
;
overflow-y
:
auto
;
background
:
#fff
;
box-shadow
:
0
0
10px
#ccc
;
padding
:
15px
0
}
.getCountryBox
.conps
.citem
{
height
:
28px
;
line-height
:
28px
;
padding
:
0
20px
;
color
:
#164D9A
;
cursor
:
pointer
}
.getCountryBox
.conps
.citem
:hover
{
background
:
#DFEAFA
}
\ No newline at end of file
\ No newline at end of file
public/assets/css/common/common.less
View file @
6203422b
...
@@ -676,20 +676,34 @@
...
@@ -676,20 +676,34 @@
.headboxx {
.headboxx {
height : 28px;
height : 28px;
line-height: 28px;
line-height: 28px;
overflow: hidden;
img {
img {
width : 2
6
px;
width : 2
2
px;
height : 2
8
px;
height : 2
2
px;
vertical-align: middle;
vertical-align: middle;
position: relative;
left:0px;
transition: all 0.3s;
}
}
p {
p {
color : #333;
color : #333;
font-size : 14px;
font-size : 14px;
margin-left: 7px;
margin-left: 7px;
position: relative;
left:0px;
transition: all 0.3s;
}
}
}
}
&:hover{
.headboxx {
img {
left:-25px;
}
p{left:-25px;}
}
}
.conboxx {
.conboxx {
margin-top : 14px;
margin-top : 14px;
padding-left: 33px;
padding-left: 33px;
...
...
public/assets/css/common/common.min.css
View file @
6203422b
@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
(
5px
);
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
:
120px
;
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
:
120px
;
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
:
120px
;
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
}
.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
{
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
:
112px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
backdrop-filter
:
blur
(
5px
);
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
:
120px
;
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
:
120px
;
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
:
120px
;
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/images/about/zjbg.png
0 → 100644
View file @
6203422b
1.28 MB
public/assets/js/common/tool.js
View file @
6203422b
...
@@ -58,7 +58,7 @@ define(function (require, exports, module) {
...
@@ -58,7 +58,7 @@ define(function (require, exports, module) {
//无结果
//无结果
module
.
exports
.
NoData
=
function
(
ele
)
{
module
.
exports
.
NoData
=
function
(
ele
)
{
$
(
ele
).
html
(
'<div class="row verCenter rowCenter" style="height:150px;color:#555;">No
Data
</div>'
)
$
(
ele
).
html
(
'<div class="row verCenter rowCenter" style="height:150px;color:#555;">No
data. You may submit a <b class="frqbtnxs" style="font-weight:bold;color:#F68332;margin:0 5px;cursor:pointer;">RFQ</b> to us.
</div>'
)
$
(
ele
).
next
(
".M-pagebox"
).
hide
();
$
(
ele
).
next
(
".M-pagebox"
).
hide
();
}
}
//获取购物车数量
//获取购物车数量
...
...
resources/views/about/certification.blade.php
View file @
6203422b
...
@@ -36,7 +36,7 @@
...
@@ -36,7 +36,7 @@
<div class="
text
"><i class="
icon
iconfont
icon
-
lansejiantou
ijt
"></i></div>
<div class="
text
"><i class="
icon
iconfont
icon
-
lansejiantou
ijt
"></i></div>
</a>
</a>
<a class="
item
item1
boxsiz
itemlast
" href="
{{
$public
}}
/
assets
/
images
/
home
/
ISO9001
.
pdf
" target="
_blank
">
<a class="
item
item1
boxsiz
itemlast
" href="
{{
$public
}}
/
assets
/
images
/
home
/
ISO9001
.
pdf
" target="
_blank
">
<p>ISO9001
：
2015</p>
<p>ISO9001
:
2015</p>
<div class="
column
verCenter
rowCenter
imgbox
">
<div class="
column
verCenter
rowCenter
imgbox
">
<img src="
{{
$public
}}
/
assets
/
images
/
about
/
ht2
.
png
" class="
st
" alt="">
<img src="
{{
$public
}}
/
assets
/
images
/
about
/
ht2
.
png
" class="
st
" alt="">
<img src="
{{
$public
}}
/
assets
/
images
/
about
/
st2
.
png
" class="
ht
" alt="">
<img src="
{{
$public
}}
/
assets
/
images
/
about
/
st2
.
png
" class="
ht
" alt="">
...
...
resources/views/about/quality.blade.php
View file @
6203422b
...
@@ -10,7 +10,7 @@
...
@@ -10,7 +10,7 @@
<
div
class
="
qualitypage
">
<
div
class
="
qualitypage
">
<div class="
floor1
row
verCenter
">
<div class="
floor1
row
verCenter
">
<p>
About Us <span>Quality Control System</span>
</p>
<p>
Quality Control System
</p>
</div>
</div>
<div class="
floor2
">
<div class="
floor2
">
<div class="
jscon
boxsiz
">
<div class="
jscon
boxsiz
">
...
...
resources/views/auth/forget.blade.php
View file @
6203422b
...
@@ -11,7 +11,7 @@
...
@@ -11,7 +11,7 @@
<
div
class
="
authpage
">
<
div
class
="
authpage
">
<div class="
auth
-
con
boxsiz
row
verCenter
">
<div class="
auth
-
con
boxsiz
row
verCenter
">
<div class="
auth
-
box
forgetStep1
" >
<div class="
auth
-
box
forgetStep1
" >
<div class="
authb
-
head
row
rowCenter
verCenter
"><
img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"
></div>
<div class="
authb
-
head
row
rowCenter
verCenter
"><
a href="
/
"><img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"></a
></div>
<div class="
inputboxp
boxsiz
verifyBox
">
<div class="
inputboxp
boxsiz
verifyBox
">
<p class="
headtips
">Reset Your Password</p>
<p class="
headtips
">Reset Your Password</p>
<div class="
input
-
group
-
auth
">
<div class="
input
-
group
-
auth
">
...
...
resources/views/auth/login.blade.php
View file @
6203422b
...
@@ -11,7 +11,7 @@
...
@@ -11,7 +11,7 @@
<
div
class
="
authpage
">
<
div
class
="
authpage
">
<div class="
auth
-
con
boxsiz
row
verCenter
">
<div class="
auth
-
con
boxsiz
row
verCenter
">
<div class="
auth
-
box
forgetStep1
">
<div class="
auth
-
box
forgetStep1
">
<div class="
authb
-
head
row
rowCenter
verCenter
"><
img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"
></div>
<div class="
authb
-
head
row
rowCenter
verCenter
"><
a href="
/
"><img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"></a
></div>
<div class="
inputboxp
boxsiz
loginbox
verifyBoxlogin
">
<div class="
inputboxp
boxsiz
loginbox
verifyBoxlogin
">
<p class="
headtips
">Login</p>
<p class="
headtips
">Login</p>
<div class="
input
-
group
-
auth
">
<div class="
input
-
group
-
auth
">
...
...
resources/views/auth/register.blade.php
View file @
6203422b
...
@@ -11,7 +11,7 @@
...
@@ -11,7 +11,7 @@
<
div
class
="
authpage
">
<
div
class
="
authpage
">
<div class="
auth
-
con
boxsiz
row
verCenter
">
<div class="
auth
-
con
boxsiz
row
verCenter
">
<div class="
auth
-
box
regStep1
" >
<div class="
auth
-
box
regStep1
" >
<div class="
authb
-
head
row
verCenter
"><
img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"
><span>Create an Account</span></div>
<div class="
authb
-
head
row
verCenter
"><
a href="
/
"><img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"></a
><span>Create an Account</span></div>
<div class="
inputboxp
boxsiz
verifyBox
">
<div class="
inputboxp
boxsiz
verifyBox
">
<p class="
headtips
">WHO IS THIS ACCOUNT FOR?</p>
<p class="
headtips
">WHO IS THIS ACCOUNT FOR?</p>
<div class="
checkbox
row
">
<div class="
checkbox
row
">
...
@@ -67,13 +67,13 @@
...
@@ -67,13 +67,13 @@
</div>
</div>
<div class="
tips
"></div>
<div class="
tips
"></div>
<div class="
but
gobtn
gonext
gonext1
">Continue to Step2</div>
<div class="
but
gobtn
gonext
gonext1
">Continue to Step
2</div>
</div>
</div>
</div>
</div>
<div class="
auth
-
box
regStep2
" style="
display
:
none
">
<div class="
auth
-
box
regStep2
" style="
display
:
none
">
<div class="
authb
-
head
row
verCenter
"><
img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"
><span>Create an Account</span></div>
<div class="
authb
-
head
row
verCenter
"><
a href="
/
"><img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"></a
><span>Create an Account</span></div>
<div class="
inputboxp
boxsiz
verifyBox2
">
<div class="
inputboxp
boxsiz
verifyBox2
">
<p class="
headtips
">A verification code has been sent.
Please enter the
code below to continue.</p>
<p class="
headtips
">A verification code has been sent.
Please enter the
code below to continue.</p>
<div class="
input
-
con
">
<div class="
input
-
con
">
<div class="
input
-
group
-
auth
">
<div class="
input
-
group
-
auth
">
<p class="
labelp
yxtext
">Edward@google.cn</p>
<p class="
labelp
yxtext
">Edward@google.cn</p>
...
@@ -93,7 +93,7 @@
...
@@ -93,7 +93,7 @@
</div>
</div>
</div>
</div>
<div class="
auth
-
box
regStep3
" style="
display
:
none
">
<div class="
auth
-
box
regStep3
" style="
display
:
none
">
<div class="
authb
-
head
row
verCenter
"><
img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"
><span>Create an Account</span></div>
<div class="
authb
-
head
row
verCenter
"><
a href="
/
"><img src="
{{
$public
}}
/
assets
/
images
/
home
/
smlogo
.
png
" alt="" class="
logoftsm
"></a
><span>Create an Account</span></div>
<div class="
inputboxp
boxsiz
verifyBox3
">
<div class="
inputboxp
boxsiz
verifyBox3
">
<p class="
headtips
">Shipping Address and Contact lnformation</p>
<p class="
headtips
">Shipping Address and Contact lnformation</p>
<div class="
input
-
con
">
<div class="
input
-
con
">
...
...
resources/views/car/car.blade.php
View file @
6203422b
...
@@ -11,7 +11,7 @@
...
@@ -11,7 +11,7 @@
<div class="
bread
-
menu
row
boxsiz
">
<div class="
bread
-
menu
row
boxsiz
">
<a href="">Home</a>
<a href="">Home</a>
<i>></i>
<i>></i>
<span>
Car
</span>
<span>
Shopping Cart
</span>
</div>
</div>
<div class="
cons
">
<div class="
cons
">
<div class="
titles
">Shopping Cart</div>
<div class="
titles
">Shopping Cart</div>
...
@@ -49,7 +49,7 @@
...
@@ -49,7 +49,7 @@
</div>
</div>
</div>
</div>
<div class="
td
selectcount
">
<div class="
td
selectcount
">
<b class="
fw
">0
</b>
Items Selected
<b class="
fw
">0
</b>
Items Selected
</div>
</div>
<div class="
td
">
<div class="
td
">
<div class="
del
delcarsd
">Delete</div>
<div class="
del
delcarsd
">Delete</div>
...
...
resources/views/common/mallHeaderNav.blade.php
View file @
6203422b
...
@@ -38,7 +38,7 @@
...
@@ -38,7 +38,7 @@
@foreach ($classification as $key=>$item)
@foreach ($classification as $key=>$item)
<div
class=
"groupboxx"
>
<div
class=
"groupboxx"
>
<div
class=
"headboxx row"
>
<div
class=
"headboxx row"
>
<img
src=
"{{$
public}}/assets/images/common/class1.png
"
alt=
""
>
<img
src=
"{{$
item['img']}}
"
alt=
""
>
<p>
{{$item['class_name']}}
</p>
<p>
{{$item['class_name']}}
</p>
</div>
</div>
<div
class=
"conboxx row"
>
<div
class=
"conboxx row"
>
...
@@ -74,6 +74,8 @@
...
@@ -74,6 +74,8 @@
<a
href=
"/about/certification"
class=
"twoa"
>
Certification
</a>
<a
href=
"/about/certification"
class=
"twoa"
>
Certification
</a>
</ul>
</ul>
</div>
</div>
<a
href=
"/"
class=
"li"
>
Return to Main Site
</a>
</div>
</div>
</div>
</div>
...
...
resources/views/sku/detail.blade.php
View file @
6203422b
...
@@ -116,7 +116,7 @@
...
@@ -116,7 +116,7 @@
</div>
</div>
</div>
</div>
<div class="
right
">
<div class="
right
">
<div class="
jttitle
">Pricing
（USD）
</div>
<div class="
jttitle
">Pricing
(USD)
</div>
<div class="
qm
row
bothSide
">
<div class="
qm
row
bothSide
">
<span>Sales Unit：
{
{moq}
}
</span>
<span>Sales Unit：
{
{moq}
}
</span>
<span>Full Reel：
{
{mult}
}
</span>
<span>Full Reel：
{
{mult}
}
</span>
...
...
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
