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
2dfa4af1
authored
Dec 05, 2022
by
杨树贤
Browse files
Options
_('Browse Files')
Download
Plain Diff
Merge branch 'dev/ver/1.0.0'
parents
22298369
d435402b
Show whitespace changes
Inline
Side-by-side
Showing
12 changed files
with
31 additions
and
28 deletions
app/Http/Services/BrandService.php
app/Http/Services/OrderService.php
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/css/common/pop.less
public/assets/css/common/pop.min.css
public/assets/css/home/home.less
public/assets/css/home/home.min.css
app/Http/Services/BrandService.php
View file @
2dfa4af1
...
@@ -70,9 +70,12 @@ class BrandService
...
@@ -70,9 +70,12 @@ class BrandService
public
static
function
getStandardBrandInfo
(
$brandId
)
public
static
function
getStandardBrandInfo
(
$brandId
)
{
{
$standardBrand
=
Redis
::
hget
(
'standard_brand'
,
$brandId
);
$standardBrandData
=
\Http
::
get
(
config
(
'website.footstone_url'
)
.
'/open/getStandardBrandInfo?brand_id='
.
$brandId
)
->
json
();
$standardBrand
=
json_decode
(
$standardBrand
,
true
);
if
(
isset
(
$standardBrandData
[
'code'
])
&&
$standardBrandData
[
'code'
]
==
0
)
{
$standardBrand
=
$standardBrandData
[
'data'
];
return
$standardBrand
;
return
$standardBrand
;
}
}
return
[];
}
}
}
app/Http/Services/OrderService.php
View file @
2dfa4af1
...
@@ -462,9 +462,7 @@ class OrderService
...
@@ -462,9 +462,7 @@ class OrderService
->
keyby
(
"rec_id"
)
->
keyby
(
"rec_id"
)
->
toArray
();
->
toArray
();
$temp
=
[];
$temp
=
[];
$return_amount_all
=
0
;
foreach
(
$returnItems
as
$k
=>
$v
){
foreach
(
$returnItems
as
$k
=>
$v
){
$recId
=
$v
[
"rec_id"
];
$recId
=
$v
[
"rec_id"
];
$orderGoodsInfo
=
\Arr
::
get
(
$orderItemsArr
,
$recId
);
$orderGoodsInfo
=
\Arr
::
get
(
$orderItemsArr
,
$recId
);
...
@@ -479,12 +477,13 @@ class OrderService
...
@@ -479,12 +477,13 @@ class OrderService
"after_sale_price"
=>
$v
[
"return_price"
],
// 售后单价
"after_sale_price"
=>
$v
[
"return_price"
],
// 售后单价
"return_amount"
=>
$v
[
"return_amount"
],
// 售后金额
"return_amount"
=>
$v
[
"return_amount"
],
// 售后金额
];
];
$return_amount_all
+=
$v
[
"return_amount"
];
}
}
$return_amount_all
=
0
;
$temp
=
array_values
(
$temp
);
$temp
=
array_values
(
$temp
);
foreach
(
$temp
as
$c
=>&
$a
){
foreach
(
$temp
as
$c
=>&
$a
){
$a
[
"no"
]
=
$c
+
1
;
$a
[
"no"
]
=
$c
+
1
;
$return_amount_all
+=
$a
[
"return_amount"
];
}
}
return
[
"return_amount_all"
=>
$return_amount_all
,
"items"
=>
$temp
];
return
[
"return_amount_all"
=>
$return_amount_all
,
"items"
=>
$temp
];
}
}
...
...
public/assets/css/about/about.less
View file @
2dfa4af1
.gw-header-nav{
.gw-header-nav{
position: fixed;
position: fixed;
top:70px;
top:70px;
...
@@ -83,13 +84,13 @@ body{background: #000;min-width: 1200px;}
...
@@ -83,13 +84,13 @@ body{background: #000;min-width: 1200px;}
&.trr{padding-left: 122px;}
&.trr{padding-left: 122px;}
&.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
&.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
span{transition: all 0.6s;}
span{transition: all 0.6s;}
&:hover{ background: url("../../images/home/subj.png") no-repeat;
background-size: 100% 100%;
&:hover{ background: url("../../images/home/subj.png") no-repeat;
span{opacity: 0;}
span{opacity: 0;}
}
}
&.bgrp1:hover{ background: url("../../images/about/bgrp1.png")
no-repeat;background-size: 100% 100%
;}
&.bgrp1:hover{ background: url("../../images/about/bgrp1.png")
right top no-repeat
;}
&.bgrp2:hover{ background: url("../../images/about/bgrp2.png")
no-repeat;background-size: 100% 100%
;}
&.bgrp2:hover{ background: url("../../images/about/bgrp2.png")
left top no-repeat
;}
&.bgrp3:hover{ background: url("../../images/about/bgrp3.png")
no-repeat;background-size: 100% 100%
;}
&.bgrp3:hover{ background: url("../../images/about/bgrp3.png")
right top no-repeat
;}
&.bgrp4:hover{ background: url("../../images/about/bgrp4.png")
no-repeat;background-size: 100% 100%
;}
&.bgrp4:hover{ background: url("../../images/about/bgrp4.png")
left top no-repeat
;}
}
}
}
}
.readbox{
.readbox{
...
...
public/assets/css/about/about.min.css
View file @
2dfa4af1
.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
}
.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
}
.qualitypage
.floor2
.supplierboxsp
.itemf3
:hover
span
{
opacity
:
0
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp1
:hover
{
background
:
url("../../images/about/bgrp1.png")
right
top
no-repeat
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp2
:hover
{
background
:
url("../../images/about/bgrp2.png")
left
top
no-repeat
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp3
:hover
{
background
:
url("../../images/about/bgrp3.png")
right
top
no-repeat
}
.qualitypage
.floor2
.supplierboxsp
.itemf3.bgrp4
:hover
{
background
:
url("../../images/about/bgrp4.png")
left
top
no-repeat
}
.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 @
2dfa4af1
...
@@ -161,7 +161,7 @@ html,
...
@@ -161,7 +161,7 @@ html,
.resendbut {
.resendbut {
cursor : pointer;
cursor : pointer;
color : #
283FEB
;
color : #
F68332
;
font-size : 14px;
font-size : 14px;
font-weight: bold;
font-weight: bold;
margin-left: 27px;
margin-left: 27px;
...
@@ -177,7 +177,7 @@ html,
...
@@ -177,7 +177,7 @@ html,
.backbut {
.backbut {
font-size : 16px;
font-size : 16px;
font-weight : bold;
font-weight : bold;
color : #
283FEB
;
color : #
F68332
;
cursor : pointer;
cursor : pointer;
position : relative;
position : relative;
top : 17px;
top : 17px;
...
...
public/assets/css/auth/reg.min.css
View file @
2dfa4af1
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
}
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
:
#F68332
;
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
:
#F68332
;
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 @
2dfa4af1
...
@@ -46,7 +46,7 @@
...
@@ -46,7 +46,7 @@
.gw-header-nav {
.gw-header-nav {
height : 112px;
height : 112px;
background : rgba(255, 255, 255, 0.1);
background : rgba(255, 255, 255, 0.1);
backdrop-filter: blur(
5
px);
backdrop-filter: blur(
10
px);
width : 100%;
width : 100%;
position : fixed;
position : fixed;
top : 70px;
top : 70px;
...
@@ -129,14 +129,14 @@
...
@@ -129,14 +129,14 @@
.searchenter {
.searchenter {
.searchtopbox {
.searchtopbox {
position : relative;
position : relative;
width : 1
2
0px;
width : 1
6
0px;
box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
opacity: 0;
width:30px;
width:30px;
overflow: hidden;
overflow: hidden;
transition: all 0.8s;
transition: all 0.8s;
input {
input {
width : 1
2
0px;
width : 1
6
0px;
border-radius: 40px;
border-radius: 40px;
height:30px;
height:30px;
display: none;
display: none;
...
@@ -155,7 +155,7 @@
...
@@ -155,7 +155,7 @@
}
}
}
}
&:hover{
&:hover{
.searchtopbox {width:1
2
0px;opacity:1;input{display: block;}}
.searchtopbox {width:1
6
0px;opacity:1;input{display: block;}}
a{display: none;}
a{display: none;}
}
}
}
}
...
...
public/assets/css/common/common.min.css
View file @
2dfa4af1
@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
}
@charset
"utf-8"
;
html
,
body
,
div
,
iframe
,
em
,
img
,
p
,
a
,
strong
,
b
,
i
,
form
,
label
,
span
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
applet
,
object
,
blockquote
,
big
,
cite
,
code
,
del
,
dfn
,
abbr
,
acronym
,
address
,
pre
,
time
,
mark
,
audio
,
video
,
article
,
aside
,
canvas
,
details
,
embed
,
figure
,
figcaption
,
footer
,
header
,
nav
,
section
,
menu
,
button
,
input
,
textarea
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
;
font-weight
:
normal
;
list-style
:
none
;
outline
:
none
;
resize
:
none
}
table
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
{
margin
:
0
;
padding
:
0
;
font-size
:
100%
;
font
:
inherit
}
a
{
text-decoration
:
none
}
table
{
border-color
:
#ccc
!important
}
body
,
html
,
button
,
input
{
font-family
:
Arial
,
helvetica
,
PingFangSC-Regular
,
PingFang
SC
,
"微软雅黑"
}
.but
{
height
:
33px
;
background
:
#283FEB
;
border-radius
:
8px
;
line-height
:
33px
;
font-size
:
18px
;
font-weight
:
bold
;
text-align
:
center
;
color
:
#fff
;
cursor
:
pointer
;
box-sizing
:
border-box
;
padding
:
0
5px
}
input
{
height
:
32px
;
line-height
:
32px
;
box-sizing
:
border-box
;
background
:
rgba
(
4
,
17
,
53
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
8px
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
}
input
::-webkit-input-placeholder
{
color
:
#BCBDC4
}
.scrollbar
{
overflow-y
:
auto
}
.scrollbar
::-webkit-scrollbar
{
width
:
2px
;
background-color
:
#EDEDED
}
.scrollbar
::-webkit-scrollbar-thumb
{
border-radius
:
2px
;
background-color
:
#164D9A
}
textarea
{
line-height
:
32px
;
box-sizing
:
border-box
;
background
:
rgba
(
4
,
17
,
53
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
8px
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
}
textarea
::-webkit-input-placeholder
{
color
:
#BCBDC4
}
select
{
height
:
32px
;
line-height
:
32px
;
background
:
rgba
(
4
,
17
,
53
,
0.65
);
border
:
1px
solid
#FFFFFF
;
border-radius
:
8px
;
color
:
#fff
;
padding-left
:
10px
;
padding-right
:
10px
;
box-sizing
:
border-box
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
outline
:
none
;
background-image
:
linear-gradient
(
45deg
,
transparent
50%
,
#fff
50%
),
linear-gradient
(
135deg
,
#fff
50%
,
transparent
50%
);
background-position
:
calc
(
100%
-
15px
)
calc
(
1em
-
1px
),
calc
(
100%
-
10px
)
calc
(
1em
-
1px
),
calc
(
100%
-
2.5em
)
.5em
;
background-size
:
7px
5px
,
5px
5px
,
1px
1.5em
;
background-repeat
:
no-repeat
}
select
:focus
{
background-image
:
linear-gradient
(
45deg
,
#fff
50%
,
transparent
50%
),
linear-gradient
(
135deg
,
transparent
50%
,
#fff
50%
);
background-position
:
calc
(
100%
-
8px
)
calc
(
1em
-
1px
),
calc
(
100%
-
15px
)
calc
(
1em
-
1px
),
calc
(
100%
-
2.5em
)
.5em
;
background-size
:
7px
5px
,
5px
5px
,
1px
1.5em
;
background-repeat
:
no-repeat
}
.break-word
{
word-break
:
break-all
}
.clr
:after
{
visibility
:
hidden
;
display
:
block
;
font-size
:
0
;
content
:
" "
;
clear
:
both
;
height
:
0
}
.clr
{
display
:
block
;
min-height
:
1%
}
.clr
{
clear
:
both
}
.clr
:after
{
content
:
" "
;
display
:
table
;
clear
:
both
}
.fl
{
float
:
left
}
.fr
{
float
:
right
}
.fw
{
font-weight
:
bold
}
.ta-c
{
text-align
:
center
}
.ta-r
{
text-align
:
right
}
.ta-l
{
text-align
:
left
}
.flex
{
display
:
flex
}
.column
{
display
:
flex
;
flex-direction
:
column
}
.row
{
display
:
flex
;
flex-direction
:
row
}
.boxsiz
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.bothSide
{
justify-content
:
space-between
}
.avarage
{
justify-content
:
space-around
}
.rowCenter
{
justify-content
:
center
}
.verCenter
{
align-items
:
center
}
.gw-header-top
{
background
:
#F68332
;
height
:
70px
;
line-height
:
70px
;
font-size
:
24px
;
color
:
#fff
;
position
:
fixed
;
width
:
100%
;
top
:
0px
;
left
:
0px
;
z-index
:
2
}
.gw-header-top
div
{
width
:
100%
;
height
:
100%
}
.gw-header-top
div
a
{
color
:
#fff
}
.gw-header-top
div
span
{
float
:
right
;
margin-right
:
20px
}
.gw-header-top
div
span
i
{
cursor
:
pointer
;
color
:
#fff
;
font-size
:
18px
;
transition
:
all
.5s
}
.gw-header-top
div
span
:hover
i
{
color
:
#333
}
.gw-header-nav
{
height
:
112px
;
background
:
rgba
(
255
,
255
,
255
,
0.1
);
backdrop-filter
:
blur
(
10px
);
width
:
100%
;
position
:
fixed
;
top
:
70px
;
left
:
0px
;
z-index
:
6
}
.gw-header-nav
.ghn-con
{
height
:
112px
;
width
:
1500px
;
margin
:
0
auto
}
@media
screen
and
(
max-width
:
1500px
){
.gw-header-nav
.ghn-con
{
width
:
1200px
}}
.gw-header-nav
.ghn-con
a
.ghn-logo
{
width
:
463px
;
height
:
44px
;
position
:
relative
;
top
:
32px
}
.gw-header-nav
.ghn-con
a
.ghn-logo
img
{
width
:
100%
;
height
:
100%
}
.gw-header-nav
.ghn-con
.ghn-right-box
{
position
:
relative
;
top
:
-30px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
{
position
:
relative
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
{
position
:
absolute
;
width
:
160px
;
background
:
#FFFFFF
;
top
:
17px
;
left
:
0px
;
box-shadow
:
0
0
5px
#ccc
;
padding
:
15px
0px
;
display
:
none
;
z-index
:
6
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
a
{
box-sizing
:
border-box
;
padding
:
0
15px
;
display
:
block
;
cursor
:
pointer
;
font-size
:
14px
;
color
:
#333
;
height
:
32px
;
line-height
:
32px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
.userurl-box
a
:hover
{
color
:
#174D9A
;
background
:
#DFEAFA
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
:hover
.userurl-box
{
display
:
block
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.yesLogin
div
.username
{
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
{
position
:
relative
;
width
:
160px
;
box-sizing
:
border-box
;
opacity
:
0
;
width
:
30px
;
overflow
:
hidden
;
transition
:
all
.8s
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
input
{
width
:
160px
;
border-radius
:
40px
;
height
:
30px
;
display
:
none
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
span
{
position
:
absolute
;
cursor
:
pointer
;
top
:
6px
;
right
:
12px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
.searchtopbox
span
i
{
color
:
#fff
;
font-size
:
18px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
.searchtopbox
{
width
:
160px
;
opacity
:
1
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
.searchtopbox
input
{
display
:
block
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.searchenter
:hover
a
{
display
:
none
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
a
{
font-size
:
16px
;
color
:
#fff
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
a
.carbc
{
position
:
relative
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
a
.carbc
span
{
position
:
absolute
;
height
:
24px
;
display
:
block
;
width
:
24px
;
background
:
#E94141
;
border-radius
:
24px
;
color
:
#fff
;
right
:
-20px
;
top
:
-11px
;
line-height
:
24px
;
text-align
:
center
;
font-size
:
14px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
a
:hover
{
color
:
#F68332
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
a
.iconbx
:hover
{
color
:
#fff
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.fr
{
margin-left
:
34px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.fr
.fz-16
{
font-size
:
16px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.fr.clj
{
position
:
relative
;
top
:
6px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.fr.clj
.icon-touxiang
{
font-size
:
18px
;
position
:
relative
;
top
:
-1px
;
margin-right
:
3px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
.fr.clj
font
{
color
:
#fff
;
letter-spacing
:
-3px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-top
i
.icon
{
font-size
:
30px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
{
margin-top
:
30px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
{
margin-left
:
48px
;
transition
:
all
.5s
;
display
:
block
;
height
:
40px
;
position
:
relative
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
a
.onea
{
font-size
:
20px
;
color
:
#fff
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
.twonav
{
position
:
absolute
;
top
:
38px
;
left
:
-22px
;
width
:
192px
;
padding
:
18px
22px
;
display
:
none
;
background
:
rgba
(
26
,
29
,
57
,
0.8
)}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
.twonav
.twoli
{
height
:
40px
;
line-height
:
40px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
.twonav
a
.twoa
{
font-size
:
20px
;
color
:
#fff
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
.twonav
a
.twoa
:hover
{
color
:
#F68332
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
:hover::after
{
content
:
""
;
position
:
absolute
;
top
:
36px
;
width
:
100%
;
height
:
5px
;
background
:
#FFFFFF
;
border-radius
:
2px
;
left
:
0px
}
.gw-header-nav
.ghn-con
.ghn-right-box
.grb-bottom
.oneli
:hover
.twonav
{
display
:
block
}
.footersm
{
background
:
rgba
(
31
,
104
,
242
,
0.2
);
padding-top
:
87px
;
padding-bottom
:
31px
}
.footersm
.logoftsm
{
width
:
262px
;
height
:
45px
}
.footersm
.itemftsm
{
color
:
#fff
;
font-weight
:
bold
;
margin-left
:
107px
}
@media
screen
and
(
max-width
:
1500px
){
.footersm
.itemftsm
{
margin-left
:
27px
}}
.footersm
.itemftsm
p
{
font-size
:
20px
;
margin-bottom
:
26px
}
.footersm
.itemftsm
p
.row
b
{
font-size
:
16px
;
font-weight
:
normal
;
margin-right
:
9px
;
position
:
relative
;
top
:
5px
}
.footersm
.itemftsm
a
{
font-size
:
16px
;
display
:
block
;
cursor
:
pointer
;
color
:
#fff
;
font-weight
:
normal
;
line-height
:
28px
;
height
:
28px
}
.footersm
.itemftsm
a
:hover
{
color
:
#F68332
}
.footersm
.itemftsm
a
.fz-14
{
font-size
:
14px
}
.footersm
.itemftsm
a
.fz-14
:hover
{
color
:
#fff
}
.footersm
.dpbto
{
margin-top
:
53px
;
font-size
:
14px
;
color
:
#fff
}
.footersm
.dpbto
span
{
font-weight
:
bold
}
.footersm
.dpbto
i
{
font-size
:
22px
;
margin-right
:
20px
;
position
:
relative
;
top
:
-3px
}
.footersm
.dpbto
i
.dflt
{
margin-left
:
53px
}
.mallpage
{
background
:
#fafafa
}
.mallpage
.bread-menu
{
width
:
1200px
;
border-left
:
4px
solid
#04439D
;
height
:
20px
;
line-height
:
20px
;
font-size
:
16px
;
padding-left
:
10px
;
margin
:
20px
auto
}
.mallpage
.bread-menu
a
{
color
:
#555
}
.mallpage
.bread-menu
a
:hover
{
color
:
#04439D
}
.mallpage
.bread-menu
i
{
margin
:
0
5px
}
.mallpage
.bread-menu
span
{
color
:
#04439D
}
.mallpage
.w1200
{
width
:
1200px
;
margin
:
0
auto
}
.mallpage
.mall-header-top
{
background
:
#F68332
;
height
:
70px
;
line-height
:
70px
;
font-size
:
24px
;
color
:
#fff
;
top
:
0px
;
position
:
relative
}
.mallpage
.mall-header-top
div
{
width
:
100%
;
height
:
100%
}
.mallpage
.mall-header-top
div
a
{
color
:
#fff
}
.mallpage
.mall-header-top
div
span
{
position
:
absolute
;
right
:
20px
}
.mallpage
.mall-header-top
div
span
i
{
cursor
:
pointer
;
color
:
#fff
;
font-size
:
18px
;
transition
:
all
.5s
}
.mallpage
.mall-header-top
div
span
:hover
i
{
color
:
#333
}
.mallpage
.mall-header-nav
{
background
:
#fff
}
.mallpage
.mall-header-nav
.search-car
{
margin-top
:
16px
}
.mallpage
.mall-header-nav
.search-car
.cons
{
height
:
48px
}
.mallpage
.mall-header-nav
.search-car
.cons
.search-input-box
{
width
:
340px
;
margin-left
:
140px
;
height
:
48px
;
line-height
:
44px
;
border
:
2px
solid
#164D9A
}
.mallpage
.mall-header-nav
.search-car
.cons
.search-input-box
input
{
background
:
none
;
color
:
#333
;
line-height
:
44px
;
height
:
44px
;
padding-left
:
18px
;
width
:
268px
}
.mallpage
.mall-header-nav
.search-car
.cons
.search-input-box
.searchbtnx
{
width
:
68px
;
height
:
46px
;
background
:
#164D9A
;
line-height
:
44px
;
color
:
#fff
;
cursor
:
pointer
;
text-align
:
center
;
position
:
relative
;
left
:
1px
;
top
:
-1px
}
.mallpage
.mall-header-nav
.search-car
.cons
.search-input-box
.searchbtnx
i
{
font-size
:
30px
}
.mallpage
.mall-header-nav
.search-car
.cons
.car-boxs
{
cursor
:
pointer
;
position
:
relative
;
margin-left
:
42px
}
.mallpage
.mall-header-nav
.search-car
.cons
.car-boxs
i
{
font-size
:
32px
;
color
:
#164D9A
}
.mallpage
.mall-header-nav
.search-car
.cons
.car-boxs
span
{
position
:
absolute
;
height
:
24px
;
display
:
block
;
width
:
24px
;
background
:
#E94141
;
border-radius
:
24px
;
color
:
#fff
;
right
:
-20px
;
top
:
-11px
;
line-height
:
24px
;
text-align
:
center
;
font-size
:
14px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box
{
margin-left
:
38px
;
color
:
#164D9A
;
width
:
124px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box
a
{
font-size
:
16px
;
color
:
#164D9A
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box
a
:hover
{
color
:
#F68332
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box
a
:hover
i
{
color
:
#F68332
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.notLogin
{
text-align
:
center
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
{
position
:
relative
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
{
position
:
absolute
;
width
:
160px
;
background
:
#FFFFFF
;
top
:
17px
;
left
:
0px
;
box-shadow
:
0
0
5px
#ccc
;
padding
:
15px
0px
;
display
:
none
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
a
{
box-sizing
:
border-box
;
padding
:
0
15px
;
display
:
block
;
cursor
:
pointer
;
font-size
:
14px
;
color
:
#333
;
height
:
32px
;
line-height
:
32px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
.userurl-box
a
:hover
{
color
:
#174D9A
;
background
:
#DFEAFA
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
:hover
.userurl-box
{
display
:
block
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
a
{
font-size
:
14px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
i
{
color
:
#164D9A
;
font-size
:
16px
}
.mallpage
.mall-header-nav
.search-car
.cons
.login-head-box.yesLogin
div
.username
{
width
:
108px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.mallpage
.mall-header-nav
.search-car
.cons
.about-link
{
font-size
:
16px
;
color
:
#164D9A
;
margin-left
:
30px
}
.mallpage
.mall-header-nav
.search-car
.cons
.about-link
:hover
{
color
:
#F68332
}
.mallpage
.mall-header-nav
.nav-box
{
height
:
64px
;
margin-top
:
33px
;
border-bottom
:
1px
solid
#545C76
}
.mallpage
.mall-header-nav
.nav-box
.li
{
height
:
64px
;
display
:
block
;
box-sizing
:
border-box
;
min-width
:
150px
;
padding
:
0
15px
;
color
:
#333
;
font-size
:
20px
;
line-height
:
64px
;
margin-right
:
15px
;
text-align
:
center
;
position
:
relative
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
{
width
:
180px
;
background
:
#164d9a
;
position
:
absolute
;
top
:
64px
;
left
:
0px
;
line-height
:
44px
;
box-sizing
:
border-box
;
padding
:
20px
;
display
:
none
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
a
{
color
:
#fff
}
.mallpage
.mall-header-nav
.nav-box
.li
.twonav
a
:hover
{
color
:
#F68332
}
.mallpage
.mall-header-nav
.nav-box
.li
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.li
:hover
.twonav
{
display
:
block
}
.mallpage
.mall-header-nav
.nav-box
.li.act
{
color
:
#fff
;
background
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.allpro
{
position
:
relative
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
{
display
:
none
;
position
:
absolute
;
border-top
:
7px
solid
#fafafa
;
background
:
#ccc
;
width
:
498px
;
height
:
391px
;
left
:
0px
;
top
:
65px
;
background-color
:
#fff
;
z-index
:
1
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
{
padding-top
:
17px
;
padding-left
:
14px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
{
height
:
28px
;
line-height
:
28px
;
overflow
:
hidden
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
img
{
width
:
22px
;
height
:
22px
;
vertical-align
:
middle
;
position
:
relative
;
left
:
0px
;
transition
:
all
.3s
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.headboxx
p
{
color
:
#333
;
font-size
:
14px
;
margin-left
:
7px
;
position
:
relative
;
left
:
0px
;
transition
:
all
.3s
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
img
{
left
:
-25px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
p
{
left
:
-25px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.conboxx
{
margin-top
:
14px
;
padding-left
:
33px
;
flex-wrap
:
wrap
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.conboxx
a
.erji
{
color
:
#333
;
font-size
:
14px
;
flex
:
0
0
33.33%
;
margin-bottom
:
16px
;
overflow
:
hidden
;
height
:
16px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.conboxx
a
.erji
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
{
display
:
none
;
position
:
absolute
;
left
:
498px
;
top
:
0px
;
width
:
702px
;
border-left
:
4px
solid
#F0F7FF
;
background
:
#fff
;
height
:
384px
;
z-index
:
1
;
padding
:
24px
;
overflow-y
:
auto
;
box-shadow
:
2px
0
4px
0
rgba
(
2
,
30
,
69
,
0.2
)}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
::-webkit-scrollbar
{
width
:
2px
;
background-color
:
#EDEDED
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
::-webkit-scrollbar-thumb
{
border-radius
:
2px
;
background-color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
.grouprightx
{
margin-bottom
:
24px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
.grouprightx
a
.p
{
height
:
14px
;
line-height
:
14px
;
color
:
#333
;
cursor
:
pointer
;
display
:
block
;
border-left
:
3px
solid
#164D9A
;
padding-left
:
10px
;
font-size
:
12px
;
margin-bottom
:
15px
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
.grouprightx
a
.p
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
.grouprightx
.threeClass
{
flex-wrap
:
wrap
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
.grouprightx
.threeClass
a
{
color
:
#333
;
font-size
:
12px
;
margin-bottom
:
8px
;
flex
:
0
0
33.33%
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
.rightboxx
.grouprightx
.threeClass
a
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
{
background
:
#F0F7FF
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.rightboxx
{
display
:
block
}
.mallpage
.mall-header-nav
.nav-box
.allpro
.procon
.groupboxx
:hover
.headboxx
p
{
color
:
#164D9A
}
.mallpage
.mall-header-nav
.nav-box
.allpro
:hover
.procon
{
display
:
block
}
.mallpage
.mall-header-user-nav
{
height
:
80px
;
border-bottom
:
1px
solid
#545C76
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
{
height
:
80px
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
.menber
{
margin-left
:
71px
;
color
:
#222
;
font-size
:
26px
;
font-weight
:
bold
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
.about-link
{
font-size
:
16px
;
color
:
#555
;
margin-left
:
50px
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
.about-link
:hover
{
color
:
#164D9A
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
.login-head-box
{
flex
:
0
0
300px
;
margin-left
:
134px
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
.login-head-box
a
{
font-size
:
16px
;
color
:
#555
}
.mallpage
.mall-header-user-nav
.user-con-nav
.nav-box
.login-head-box
a
:hover
{
color
:
#164D9A
}
.mallpage
.user-left-nav
{
width
:
160px
;
min-height
:
192px
;
background
:
#FFFFFF
}
.mallpage
.user-left-nav
.li
{
width
:
160px
;
height
:
48px
;
line-height
:
48px
;
text-align
:
center
;
font-size
:
16px
;
color
:
#555
;
cursor
:
pointer
;
display
:
block
}
.mallpage
.user-left-nav
.li.act
{
background
:
#DFEAFA
;
color
:
#174D9A
;
font-weight
:
bold
}
.mallpage
.mall-footer
{
margin-top
:
18px
}
.mallpage
.mall-footer
.floor1
.row
{
margin-bottom
:
1px
}
.mallpage
.mall-footer
.floor1
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
rgba
(
27
,
32
,
55
,
0.1
);
color
:
#333
;
font-size
:
24px
;
line-height
:
200px
;
margin-bottom
:
1px
;
font-weight
:
bold
}
.mallpage
.mall-footer
.floor1
.itemf3.trr
{
padding-left
:
122px
}
.mallpage
.mall-footer
.floor1
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.mallpage
.mall-footer
.floor1
.itemf3
b
{
font-size
:
40px
;
font-weight
:
bold
;
margin-right
:
10px
}
.mallpage
.mall-footer
.floor1
.itemf3
:hover
{
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3
:hover
b
{
font-size
:
60px
;
font-weight
:
bold
;
color
:
#fff
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor1
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.mallpage
.mall-footer
.floor2
{
overflow
:
hidden
;
margin-top
:
31px
}
.mallpage
.mall-footer
.floor2
.bannerScrollboxs
{
position
:
relative
;
height
:
134px
;
width
:
3000px
}
.mallpage
.mall-footer
.floor2
.bannerScrollboxs
a
{
display
:
block
;
cursor
:
pointer
;
width
:
134px
;
height
:
134px
;
float
:
left
;
margin-right
:
19px
}
.mallpage
.mall-footer
.floor2
.bannerScrollboxs
a
img
{
width
:
134px
;
height
:
134px
}
.mallpage
.mall-footer
.floor3
{
background
:
#164D9A
}
.mallpage
.mall-footer
.floor3
.conh
{
padding-top
:
87px
;
padding-bottom
:
31px
;
margin-top
:
24px
}
.mallpage
.mall-footer
.floor3
.conh
.logoftsm
{
width
:
208px
;
height
:
36px
;
margin-right
:
24px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
{
color
:
#fff
;
font-weight
:
bold
;
padding
:
0
36px
;
border-right
:
1px
dashed
rgba
(
255
,
255
,
255
,
0.2
)}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm.lastitem
{
border
:
0px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
p
{
font-size
:
15px
;
font-weight
:
bold
;
margin-bottom
:
26px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
p
.w150
{
width
:
150px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
a
{
font-size
:
12px
;
display
:
block
;
cursor
:
pointer
;
color
:
#fff
;
font-weight
:
normal
;
line-height
:
28px
;
height
:
28px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
a
:hover
{
color
:
#F68332
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
a
.fz-14
{
font-size
:
14px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsm
a
.fz-14
:hover
{
color
:
#fff
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsp
p
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
25px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsp
p
span
{
margin-right
:
10px
;
position
:
relative
;
top
:
5px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsp
p
img
{
width
:
172px
;
height
:
21px
}
.mallpage
.mall-footer
.floor3
.conh
.itemftsp
span
{
font-size
:
14px
;
color
:
#fff
}
.mallpage
.mall-footer
.floor3
.conh
.dpbto
{
margin-top
:
53px
;
font-size
:
12px
;
color
:
#fff
}
.mallpage
.mall-footer
.floor3
.conh
.dpbto
span
{
font-weight
:
bold
}
.mallpage
.mall-footer
.floor3
.conh
.dpbto
i
{
font-size
:
22px
;
margin-right
:
20px
;
position
:
relative
;
top
:
-3px
}
.mallpage
.mall-footer
.floor3
.conh
.dpbto
i
.dflt
{
margin-left
:
53px
}
.mallpage
.datalistcon
{
padding
:
0
25px
;
background
:
#fff
}
.mallpage
.datalistcon
.w180
{
width
:
170px
;
padding-right
:
10px
}
.mallpage
.datalistcon
.w140
{
width
:
130px
;
padding-right
:
10px
}
.mallpage
.datalistcon
.w280
{
width
:
270px
;
padding-right
:
10px
}
.mallpage
.datalistcon
.list-th
{
box-sizing
:
border-box
;
width
:
100%
;
height
:
48px
;
background
:
#DFEAFA
;
line-height
:
48px
;
padding
:
0
20px
}
.mallpage
.datalistcon
.list-th
.th
{
font-size
:
14px
;
color
:
#333
;
font-weight
:
bold
}
.mallpage
.datalistcon
.td-group
{
padding
:
20px
;
font-size
:
14px
;
color
:
#555
;
border-bottom
:
1px
solid
#DFEAFA
;
width
:
100%
;
box-sizing
:
border-box
}
.mallpage
.datalistcon
.td-group
:last-child
{
border
:
0px
}
.mallpage
.datalistcon
.td-group
.copyname
{
cursor
:
pointer
;
margin-top
:
10px
}
.mallpage
.datalistcon
.td-group
.copyname
i
{
font-size
:
25px
;
color
:
#164D9A
}
.mallpage
.datalistcon
.td-group
.pdflink
{
cursor
:
pointer
;
margin-top
:
10px
}
.mallpage
.datalistcon
.td-group
.pdflink
i
{
font-size
:
25px
;
color
:
#F68332
}
.mallpage
.datalistcon
.td-group
.total-price
{
margin-top
:
12px
}
.mallpage
.datalistcon
.td-group
.mult
{
margin-left
:
30px
}
.mallpage
.datalistcon
.td-group
.price-group
{
line-height
:
22px
;
color
:
#555
}
.mallpage
.datalistcon
.td-group
.price-group
.jtpr
{
width
:
80px
;
box-sizing
:
border-box
;
padding-right
:
5px
}
.mallpage
.datalistcon
.td-group
.price-group
.jtpc
{
width
:
80px
}
.mallpage
.datalistcon
.td-group
.price-group.act
{
color
:
#164D9A
}
.mallpage
.datalistcon
.td-group
a
.goodsname
{
color
:
#555
}
.mallpage
.datalistcon
.td-group
a
.goodsname
:hover
{
color
:
#164D9A
}
.mallpage
.datalistcon
.td-group
.td
{
line-height
:
22px
;
word-break
:
break-all
}
.mallpage
.datalistcon
.td-group
:hover
{
background
:
#F7FAFF
}
.mallpage
.datalistcon
.td-group
.input-box
{
width
:
151px
;
height
:
32px
;
line-height
:
30px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
8px
;
position
:
relative
}
.mallpage
.datalistcon
.td-group
.input-box
input
{
background
:
none
;
color
:
#333
;
line-height
:
30px
;
height
:
30px
;
border
:
0px
;
font-size
:
14px
;
width
:
151px
}
.mallpage
.datalistcon
.td-group
.input-box
div
{
width
:
56px
;
height
:
32px
;
background
:
#164D9A
;
border-radius
:
0px
8px
8px
0px
;
line-height
:
30px
;
color
:
#fff
;
text-align
:
center
;
position
:
absolute
;
right
:
0px
;
top
:
0px
;
cursor
:
pointer
}
.mallpage
.M-pagebox
{
margin-top
:
20px
}
.mallpage
.M-pagebox
span
,
.mallpage
.M-pagebox
a
{
width
:
32px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-left
:
9px
;
color
:
#555
;
font-size
:
14px
;
cursor
:
pointer
;
box-sizing
:
border-box
;
line-height
:
32px
;
text-align
:
center
}
.mallpage
.M-pagebox
span
.active
{
background
:
#DFEAFA
;
border
:
1px
solid
#164D9A
}
.mallpage
.M-pagebox
input
{
width
:
52px
;
height
:
32px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
text-align
:
center
;
line-height
:
32px
;
margin-left
:
9px
;
padding
:
0px
;
box-sizing
:
border-box
;
color
:
#555
;
font-size
:
14px
}
\ No newline at end of file
\ No newline at end of file
public/assets/css/common/pop.less
View file @
2dfa4af1
...
@@ -8,7 +8,7 @@
...
@@ -8,7 +8,7 @@
line-height: 32px;
line-height: 32px;
font-weight: bold;
font-weight: bold;
position: fixed;
position: fixed;
top:
15
0px;
top:
20
0px;
color:#fff;
color:#fff;
z-index: 99999;
z-index: 99999;
display: block;
display: block;
...
...
public/assets/css/common/pop.min.css
View file @
2dfa4af1
.pop-tip
{
height
:
32px
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
text-align
:
center
;
font-size
:
14px
;
line-height
:
32px
;
font-weight
:
bold
;
position
:
fixed
;
top
:
150px
;
color
:
#fff
;
z-index
:
99999
;
display
:
block
}
.pop-tip
.tip-con
{
padding-left
:
20px
;
padding-right
:
20px
;
min-width
:
84px
}
.pop-loding
{
position
:
fixed
;
top
:
0px
;
left
:
0px
;
right
:
0px
;
bottom
:
0px
;
z-index
:
999999
}
.pop-loding
img
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
margin-left
:
-18px
;
margin-top
:
-18px
}
.pop-confirm
{
width
:
510px
;
padding
:
25px
;
padding-bottom
:
40px
;
background
:
rgba
(
1
,
22
,
51
,
0.6
);
border-radius
:
8px
;
position
:
fixed
;
z-index
:
99999
;
top
:
50%
;
left
:
50%
;
margin-left
:
-280px
;
margin-top
:
-175px
;
color
:
#fff
}
.pop-confirm
.phead
{
font-size
:
22px
;
text-align
:
right
}
.pop-confirm
.phead
i
{
cursor
:
pointer
}
.pop-confirm
.pbody
{
font-size
:
22px
;
text-align
:
center
;
padding-top
:
70px
;
height
:
120px
;
line-height
:
24px
}
.pop-confirm
.pfoot
.but
{
width
:
110px
;
height
:
48px
;
border
:
1px
solid
#FFFFFF
;
border-radius
:
6px
;
line-height
:
48px
;
text-align
:
center
;
color
:
#FAFAFA
;
font-size
:
18px
;
cursor
:
pointer
}
.pop-confirm
.pfoot
.but.sure
{
color
:
#164D9A
;
background
:
#fff
;
margin-left
:
92px
}
.pop-confirm
.pfoot
.but.cancel
{
color
:
#fff
;
background
:
none
}
.pop-show-box
{
position
:
fixed
;
z-index
:
9999
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
}
.pop-show-box
.pop-show-con
{
background
:
#4e5263
;
border-radius
:
16px
;
margin
:
0
auto
;
position
:
relative
;
box-sizing
:
border-box
;
padding-bottom
:
30px
}
.pop-show-box
.pop-show-con
.pop-head
{
height
:
50px
;
color
:
#fff
;
font-size
:
20px
;
font-weight
:
bold
;
margin-bottom
:
25px
}
.pop-show-box
.pop-show-con
.pop-head
span
{
position
:
relative
;
top
:
30px
;
left
:
37px
}
.pop-show-box
.pop-show-con
.pop-head
p
{
color
:
#fff
;
float
:
right
;
cursor
:
pointer
;
position
:
relative
;
top
:
16px
;
left
:
-16px
}
.pop-show-box
.pop-show-con
.pop-body
{
padding
:
0
30px
}
.pop-show-box.pop-show-box-login
.pop-head
{
margin-bottom
:
0px
}
.pop-show-box.pop-show-box-login
.pop-show-con
.inputboxp
{
background
:
none
}
.inputboxp
.checkbox
{
margin-top
:
22px
;
padding-left
:
20px
;
color
:
#fff
;
font-size
:
14px
;
margin-bottom
:
15px
}
.inputboxp
.checkbox
.check-group
{
cursor
:
pointer
;
margin-right
:
25px
}
.inputboxp
.checkbox
.check-group
p
{
width
:
10px
;
height
:
10px
;
border
:
1px
solid
#F68332
;
border-radius
:
50%
}
.inputboxp
.checkbox
.check-group.act
p
font
{
display
:
block
;
width
:
4px
;
height
:
4px
;
background
:
#F68332
;
border-radius
:
50%
}
.inputboxp
.checkbox
.check-group
span
{
margin-left
:
6px
;
position
:
relative
;
top
:
-2px
}
.inputboxp
.tip-con
{
color
:
#fff
;
margin-bottom
:
10px
}
.inputboxp
.input-con
{
padding
:
0
20px
}
.inputboxp
.input-con
.input-group-auth
{
margin-bottom
:
15px
}
.inputboxp
.input-con
.input-group-auth
p
.labelp
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
9px
}
.inputboxp
.input-con
.input-group-auth
p
.labelp
span
{
color
:
#F68332
}
.inputboxp
.input-con
.input-group-auth
input
,
.inputboxp
.input-con
.input-group-auth
select
{
width
:
320px
}
.inputboxp
.input-con
.input-group-auth
textarea
{
width
:
670px
;
height
:
48px
;
line-height
:
24px
}
.inputboxp
.input-con
.input-group-auth.sm
input
{
width
:
146px
}
.inputboxp
.input-con
.input-group-auth.ml30
{
margin-left
:
30px
}
.inputboxp
.gobtn
{
width
:
218px
;
margin
:
0
auto
;
margin-top
:
10px
}
.inputboxp
.subbtn
{
height
:
20px
}
.inputboxp
.subbtn
.gobtn
{
position
:
relative
;
left
:
-81px
}
.inputboxp
.subbtn
.choose
{
position
:
relative
;
top
:
23px
;
color
:
#fff
;
font-size
:
14px
;
cursor
:
pointer
}
.inputboxp
.subbtn
.choose
div
.chooseicon
{
width
:
16px
;
height
:
16px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-right
:
6px
;
position
:
relative
;
top
:
-1px
}
.inputboxp
.subbtn
.choose.act
.chooseicon
::after
{
content
:
""
;
position
:
absolute
;
width
:
14px
;
height
:
14px
;
background
:
#283FEB
;
top
:
1px
;
left
:
1px
}
.inputboxp
.tips
{
font-size
:
14px
;
text-align
:
center
;
color
:
#BF0707
;
height
:
20px
;
line-height
:
20px
;
margin-top
:
105
x
;
margin-bottom
:
5px
}
.allInquiryPop
{
box-sizing
:
border-box
;
padding
:
0
15px
}
.allInquiryPop
.inquirygrouplabel
{
width
:
570px
;
margin-bottom
:
9px
}
.allInquiryPop
.inquirygrouplabel
div
.labels
{
width
:
190px
;
box-sizing
:
border-box
;
padding-left
:
10px
;
font-size
:
14px
;
color
:
#fff
}
.allInquiryPop
.inquirygrouplabel
div
.labels
i
{
color
:
#F68332
}
.allInquiryPop
.inquirygroupinputs
{
width
:
570px
;
height
:
30px
;
background
:
#041135
;
border
:
1px
solid
#FFFFFF
;
opacity
:
.65
;
border-radius
:
8px
;
position
:
relative
;
margin-bottom
:
2px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
{
position
:
absolute
;
right
:
-210px
;
width
:
200px
;
height
:
30px
;
line-height
:
30px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
b
{
color
:
rgba
(
255
,
255
,
255
,
0.7
);
font-size
:
20px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
.ibts
{
color
:
#F68332
;
cursor
:
pointer
;
font-size
:
16px
;
margin-left
:
10px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
.ibts.addibts
{
color
:
#5569FD
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
.ibts.addibts
b
{
position
:
relative
;
top
:
1px
}
.allInquiryPop
.inquirygroupinputs
input
{
border-radius
:
0px
;
border
:
0px
;
box-sizing
:
border-box
;
width
:
190px
;
height
:
20px
;
line-height
:
20px
;
border-radius
:
8px
;
border-right
:
1px
dashed
rgba
(
255
,
255
,
255
,
0.1
)}
.allInquiryPop
.inquiry-input-group
{
margin-top
:
14px
}
.allInquiryPop
.inquiry-input-group
.labelp
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
9px
}
.allInquiryPop
.inquiry-input-group
textarea
{
width
:
570px
;
height
:
48px
}
.allInquiryPop
.submitInquiry
{
width
:
300px
;
height
:
32px
;
border
:
2px
solid
#5569FD
;
border-radius
:
8px
;
color
:
#5569FD
;
line-height
:
32px
;
text-align
:
center
;
cursor
:
pointer
;
margin
:
0
auto
;
margin-top
:
30px
}
.pop-tip
{
height
:
32px
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
text-align
:
center
;
font-size
:
14px
;
line-height
:
32px
;
font-weight
:
bold
;
position
:
fixed
;
top
:
200px
;
color
:
#fff
;
z-index
:
99999
;
display
:
block
}
.pop-tip
.tip-con
{
padding-left
:
20px
;
padding-right
:
20px
;
min-width
:
84px
}
.pop-loding
{
position
:
fixed
;
top
:
0px
;
left
:
0px
;
right
:
0px
;
bottom
:
0px
;
z-index
:
999999
}
.pop-loding
img
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
margin-left
:
-18px
;
margin-top
:
-18px
}
.pop-confirm
{
width
:
510px
;
padding
:
25px
;
padding-bottom
:
40px
;
background
:
rgba
(
1
,
22
,
51
,
0.6
);
border-radius
:
8px
;
position
:
fixed
;
z-index
:
99999
;
top
:
50%
;
left
:
50%
;
margin-left
:
-280px
;
margin-top
:
-175px
;
color
:
#fff
}
.pop-confirm
.phead
{
font-size
:
22px
;
text-align
:
right
}
.pop-confirm
.phead
i
{
cursor
:
pointer
}
.pop-confirm
.pbody
{
font-size
:
22px
;
text-align
:
center
;
padding-top
:
70px
;
height
:
120px
;
line-height
:
24px
}
.pop-confirm
.pfoot
.but
{
width
:
110px
;
height
:
48px
;
border
:
1px
solid
#FFFFFF
;
border-radius
:
6px
;
line-height
:
48px
;
text-align
:
center
;
color
:
#FAFAFA
;
font-size
:
18px
;
cursor
:
pointer
}
.pop-confirm
.pfoot
.but.sure
{
color
:
#164D9A
;
background
:
#fff
;
margin-left
:
92px
}
.pop-confirm
.pfoot
.but.cancel
{
color
:
#fff
;
background
:
none
}
.pop-show-box
{
position
:
fixed
;
z-index
:
9999
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
}
.pop-show-box
.pop-show-con
{
background
:
#4e5263
;
border-radius
:
16px
;
margin
:
0
auto
;
position
:
relative
;
box-sizing
:
border-box
;
padding-bottom
:
30px
}
.pop-show-box
.pop-show-con
.pop-head
{
height
:
50px
;
color
:
#fff
;
font-size
:
20px
;
font-weight
:
bold
;
margin-bottom
:
25px
}
.pop-show-box
.pop-show-con
.pop-head
span
{
position
:
relative
;
top
:
30px
;
left
:
37px
}
.pop-show-box
.pop-show-con
.pop-head
p
{
color
:
#fff
;
float
:
right
;
cursor
:
pointer
;
position
:
relative
;
top
:
16px
;
left
:
-16px
}
.pop-show-box
.pop-show-con
.pop-body
{
padding
:
0
30px
}
.pop-show-box.pop-show-box-login
.pop-head
{
margin-bottom
:
0px
}
.pop-show-box.pop-show-box-login
.pop-show-con
.inputboxp
{
background
:
none
}
.inputboxp
.checkbox
{
margin-top
:
22px
;
padding-left
:
20px
;
color
:
#fff
;
font-size
:
14px
;
margin-bottom
:
15px
}
.inputboxp
.checkbox
.check-group
{
cursor
:
pointer
;
margin-right
:
25px
}
.inputboxp
.checkbox
.check-group
p
{
width
:
10px
;
height
:
10px
;
border
:
1px
solid
#F68332
;
border-radius
:
50%
}
.inputboxp
.checkbox
.check-group.act
p
font
{
display
:
block
;
width
:
4px
;
height
:
4px
;
background
:
#F68332
;
border-radius
:
50%
}
.inputboxp
.checkbox
.check-group
span
{
margin-left
:
6px
;
position
:
relative
;
top
:
-2px
}
.inputboxp
.tip-con
{
color
:
#fff
;
margin-bottom
:
10px
}
.inputboxp
.input-con
{
padding
:
0
20px
}
.inputboxp
.input-con
.input-group-auth
{
margin-bottom
:
15px
}
.inputboxp
.input-con
.input-group-auth
p
.labelp
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
9px
}
.inputboxp
.input-con
.input-group-auth
p
.labelp
span
{
color
:
#F68332
}
.inputboxp
.input-con
.input-group-auth
input
,
.inputboxp
.input-con
.input-group-auth
select
{
width
:
320px
}
.inputboxp
.input-con
.input-group-auth
textarea
{
width
:
670px
;
height
:
48px
;
line-height
:
24px
}
.inputboxp
.input-con
.input-group-auth.sm
input
{
width
:
146px
}
.inputboxp
.input-con
.input-group-auth.ml30
{
margin-left
:
30px
}
.inputboxp
.gobtn
{
width
:
218px
;
margin
:
0
auto
;
margin-top
:
10px
}
.inputboxp
.subbtn
{
height
:
20px
}
.inputboxp
.subbtn
.gobtn
{
position
:
relative
;
left
:
-81px
}
.inputboxp
.subbtn
.choose
{
position
:
relative
;
top
:
23px
;
color
:
#fff
;
font-size
:
14px
;
cursor
:
pointer
}
.inputboxp
.subbtn
.choose
div
.chooseicon
{
width
:
16px
;
height
:
16px
;
background
:
#FAFAFA
;
border
:
1px
solid
#DFEAFA
;
border-radius
:
4px
;
margin-right
:
6px
;
position
:
relative
;
top
:
-1px
}
.inputboxp
.subbtn
.choose.act
.chooseicon
::after
{
content
:
""
;
position
:
absolute
;
width
:
14px
;
height
:
14px
;
background
:
#283FEB
;
top
:
1px
;
left
:
1px
}
.inputboxp
.tips
{
font-size
:
14px
;
text-align
:
center
;
color
:
#BF0707
;
height
:
20px
;
line-height
:
20px
;
margin-top
:
105
x
;
margin-bottom
:
5px
}
.allInquiryPop
{
box-sizing
:
border-box
;
padding
:
0
15px
}
.allInquiryPop
.inquirygrouplabel
{
width
:
570px
;
margin-bottom
:
9px
}
.allInquiryPop
.inquirygrouplabel
div
.labels
{
width
:
190px
;
box-sizing
:
border-box
;
padding-left
:
10px
;
font-size
:
14px
;
color
:
#fff
}
.allInquiryPop
.inquirygrouplabel
div
.labels
i
{
color
:
#F68332
}
.allInquiryPop
.inquirygroupinputs
{
width
:
570px
;
height
:
30px
;
background
:
#041135
;
border
:
1px
solid
#FFFFFF
;
opacity
:
.65
;
border-radius
:
8px
;
position
:
relative
;
margin-bottom
:
2px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
{
position
:
absolute
;
right
:
-210px
;
width
:
200px
;
height
:
30px
;
line-height
:
30px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
b
{
color
:
rgba
(
255
,
255
,
255
,
0.7
);
font-size
:
20px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
.ibts
{
color
:
#F68332
;
cursor
:
pointer
;
font-size
:
16px
;
margin-left
:
10px
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
.ibts.addibts
{
color
:
#5569FD
}
.allInquiryPop
.inquirygroupinputs
.inquiryadddelbox
.ibts.addibts
b
{
position
:
relative
;
top
:
1px
}
.allInquiryPop
.inquirygroupinputs
input
{
border-radius
:
0px
;
border
:
0px
;
box-sizing
:
border-box
;
width
:
190px
;
height
:
20px
;
line-height
:
20px
;
border-radius
:
8px
;
border-right
:
1px
dashed
rgba
(
255
,
255
,
255
,
0.1
)}
.allInquiryPop
.inquiry-input-group
{
margin-top
:
14px
}
.allInquiryPop
.inquiry-input-group
.labelp
{
font-size
:
14px
;
color
:
#fff
;
margin-bottom
:
9px
}
.allInquiryPop
.inquiry-input-group
textarea
{
width
:
570px
;
height
:
48px
}
.allInquiryPop
.submitInquiry
{
width
:
300px
;
height
:
32px
;
border
:
2px
solid
#5569FD
;
border-radius
:
8px
;
color
:
#5569FD
;
line-height
:
32px
;
text-align
:
center
;
cursor
:
pointer
;
margin
:
0
auto
;
margin-top
:
30px
}
\ No newline at end of file
\ No newline at end of file
public/assets/css/home/home.less
View file @
2dfa4af1
...
@@ -119,7 +119,7 @@ body{background: #000;min-width: 1200px;}
...
@@ -119,7 +119,7 @@ body{background: #000;min-width: 1200px;}
height:160px;
height:160px;
width:100%;
width:100%;
background: rgba(255,255,255,0.3);
background: rgba(255,255,255,0.3);
backdrop-filter: blur(
5
px);
backdrop-filter: blur(
10
px);
color:#fff;
color:#fff;
position: fixed;
position: fixed;
bottom:0px;
bottom:0px;
...
...
public/assets/css/home/home.min.css
View file @
2dfa4af1
.gw-header-nav
{
position
:
fixed
;
top
:
70px
}
body
{
background
:
#000
;
min-width
:
1200px
}
.homepage
{
background
:
#000
}
.homepage
.floor1
{
height
:
1021px
;
width
:
100%
;
background
:
url("../../images/home/bg1.png")
center
top
no-repeat
}
.homepage
.floor1
.fl1-con
{
padding-top
:
440px
;
width
:
1200px
;
margin
:
0
auto
}
.homepage
.floor1
.fl1-con
.rtdes
{
position
:
relative
}
.homepage
.floor1
.fl1-con
.rtdes
p
{
color
:
#fff
;
font-size
:
60px
}
.homepage
.floor1
.fl1-con
.rtdes
.p24
{
font-size
:
24px
;
margin-top
:
30px
}
.homepage
.floor1
.fl1-con
.rtdes
img
{
display
:
block
;
position
:
absolute
;
z-index
:
1
;
width
:
450px
;
right
:
-50px
;
top
:
-150px
}
.homepage
.floor1
.fl1-con
.fl1botbox
{
margin-top
:
94px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
{
width
:
390px
;
padding-top
:
38px
;
padding-bottom
:
42px
;
background
:
rgba
(
2
,
11
,
51
,
0.75
);
margin-right
:
15px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem.ftlast
{
margin-right
:
0px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
{
height
:
88px
;
width
:
88px
;
margin
:
0
auto
;
background
:
#fff
;
border-radius
:
88px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
i
{
font-size
:
47px
;
position
:
relative
;
top
:
18px
;
color
:
#283FEB
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
p
{
text-align
:
center
;
font-size
:
30px
;
color
:
#fff
;
margin-top
:
38px
;
margin-bottom
:
24px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
i
.ijt
{
color
:
#283FEB
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
{
background
:
rgba
(
40
,
63
,
235
,
0.75
)}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
i
.ijt
{
color
:
#F68332
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
{
background
:
none
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
i
{
font-size
:
60px
;
color
:
#fff
}
.homepage
.floor2
{
height
:
480px
;
background
:
url("../../images/home/bg2.png")
center
top
no-repeat
;
font-size
:
24px
;
color
:
#fff
}
.homepage
.floor2
b
{
font-size
:
40px
}
.homepage
.floor2
.f2con
{
width
:
500px
;
margin
:
0
auto
;
position
:
relative
;
top
:
260px
;
width
:
864px
}
.homepage
.floor2
video
{
width
:
1200px
;
margin
:
0
auto
;
display
:
block
}
.homepage
.floor3
{
padding-top
:
4px
}
.homepage
.floor3
.row
{
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
#1B2037
;
color
:
#fff
;
font-size
:
30px
;
line-height
:
200px
;
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3.trr
{
padding-left
:
122px
}
.homepage
.floor3
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.homepage
.floor3
.itemf3
b
{
font-size
:
40px
;
font-weight
:
bold
;
margin-right
:
10px
}
.homepage
.floor3
.itemf3
:hover
b
{
font-size
:
100px
;
font-weight
:
bold
}
.homepage
.floor3
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor4
{
padding-top
:
60px
;
text-align
:
center
;
padding-bottom
:
60px
}
.homepage
.floor4
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.homepage
.floor4
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.floor4
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.homepage
.footfixedcor
{
height
:
160px
;
width
:
100%
;
background
:
rgba
(
255
,
255
,
255
,
0.3
);
backdrop-filter
:
blur
(
5px
);
color
:
#fff
;
position
:
fixed
;
bottom
:
0px
;
z-index
:
1
}
.homepage
.footfixedcor
.confotfix
{
position
:
relative
;
padding-top
:
44px
;
padding-bottom
:
47px
;
z-index
:
2
}
.homepage
.footfixedcor
.confotfix
div
.textt
{
width
:
656px
;
font-size
:
18px
;
line-height
:
24px
;
margin-right
:
28px
;
color
:
#fff
}
.homepage
.footfixedcor
.confotfix
.but
{
display
:
block
;
position
:
relative
;
top
:
10px
;
text-align
:
center
;
width
:
248px
;
height
:
48px
;
line-height
:
48px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
20px
;
border
:
1px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.footfixedcor
.confotfix
.but.but-lk
{
background
:
none
;
margin-right
:
20px
;
color
:
#283FEB
}
.gw-header-nav
{
position
:
fixed
;
top
:
70px
}
body
{
background
:
#000
;
min-width
:
1200px
}
.homepage
{
background
:
#000
}
.homepage
.floor1
{
height
:
1021px
;
width
:
100%
;
background
:
url("../../images/home/bg1.png")
center
top
no-repeat
}
.homepage
.floor1
.fl1-con
{
padding-top
:
440px
;
width
:
1200px
;
margin
:
0
auto
}
.homepage
.floor1
.fl1-con
.rtdes
{
position
:
relative
}
.homepage
.floor1
.fl1-con
.rtdes
p
{
color
:
#fff
;
font-size
:
60px
}
.homepage
.floor1
.fl1-con
.rtdes
.p24
{
font-size
:
24px
;
margin-top
:
30px
}
.homepage
.floor1
.fl1-con
.rtdes
img
{
display
:
block
;
position
:
absolute
;
z-index
:
1
;
width
:
450px
;
right
:
-50px
;
top
:
-150px
}
.homepage
.floor1
.fl1-con
.fl1botbox
{
margin-top
:
94px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
{
width
:
390px
;
padding-top
:
38px
;
padding-bottom
:
42px
;
background
:
rgba
(
2
,
11
,
51
,
0.75
);
margin-right
:
15px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem.ftlast
{
margin-right
:
0px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
{
height
:
88px
;
width
:
88px
;
margin
:
0
auto
;
background
:
#fff
;
border-radius
:
88px
;
text-align
:
center
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
div
i
{
font-size
:
47px
;
position
:
relative
;
top
:
18px
;
color
:
#283FEB
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
p
{
text-align
:
center
;
font-size
:
30px
;
color
:
#fff
;
margin-top
:
38px
;
margin-bottom
:
24px
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
i
.ijt
{
color
:
#283FEB
;
transition
:
all
.8s
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
{
background
:
rgba
(
40
,
63
,
235
,
0.75
)}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
i
.ijt
{
color
:
#F68332
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
{
background
:
none
}
.homepage
.floor1
.fl1-con
.fl1botbox
.ftitem
:hover
div
i
{
font-size
:
60px
;
color
:
#fff
}
.homepage
.floor2
{
height
:
480px
;
background
:
url("../../images/home/bg2.png")
center
top
no-repeat
;
font-size
:
24px
;
color
:
#fff
}
.homepage
.floor2
b
{
font-size
:
40px
}
.homepage
.floor2
.f2con
{
width
:
500px
;
margin
:
0
auto
;
position
:
relative
;
top
:
260px
;
width
:
864px
}
.homepage
.floor2
video
{
width
:
1200px
;
margin
:
0
auto
;
display
:
block
}
.homepage
.floor3
{
padding-top
:
4px
}
.homepage
.floor3
.row
{
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3
{
height
:
200px
;
width
:
50%
;
background
:
#1B2037
;
color
:
#fff
;
font-size
:
30px
;
line-height
:
200px
;
margin-bottom
:
1px
}
.homepage
.floor3
.itemf3.trr
{
padding-left
:
122px
}
.homepage
.floor3
.itemf3.trl
{
text-align
:
right
;
padding-right
:
122px
;
margin-right
:
1px
}
.homepage
.floor3
.itemf3
b
{
font-size
:
40px
;
font-weight
:
bold
;
margin-right
:
10px
}
.homepage
.floor3
.itemf3
:hover
b
{
font-size
:
100px
;
font-weight
:
bold
}
.homepage
.floor3
.itemf3.bgbts1
:hover
{
background
:
url("../../images/home/bgf1.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts2
:hover
{
background
:
url("../../images/home/bgf2.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts3
:hover
{
background
:
url("../../images/home/bgf3.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor3
.itemf3.bgbts4
:hover
{
background
:
url("../../images/home/bgf4.png")
no-repeat
;
background-size
:
100%
100%
}
.homepage
.floor4
{
padding-top
:
60px
;
text-align
:
center
;
padding-bottom
:
60px
}
.homepage
.floor4
p
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#FFf
;
margin-bottom
:
36px
}
.homepage
.floor4
.but
{
width
:
560px
;
height
:
64px
;
line-height
:
64px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
22px
;
border
:
2px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.floor4
.but.but-lk
{
background
:
none
;
margin-left
:
39px
}
.homepage
.footfixedcor
{
height
:
160px
;
width
:
100%
;
background
:
rgba
(
255
,
255
,
255
,
0.3
);
backdrop-filter
:
blur
(
10px
);
color
:
#fff
;
position
:
fixed
;
bottom
:
0px
;
z-index
:
1
}
.homepage
.footfixedcor
.confotfix
{
position
:
relative
;
padding-top
:
44px
;
padding-bottom
:
47px
;
z-index
:
2
}
.homepage
.footfixedcor
.confotfix
div
.textt
{
width
:
656px
;
font-size
:
18px
;
line-height
:
24px
;
margin-right
:
28px
;
color
:
#fff
}
.homepage
.footfixedcor
.confotfix
.but
{
display
:
block
;
position
:
relative
;
top
:
10px
;
text-align
:
center
;
width
:
248px
;
height
:
48px
;
line-height
:
48px
;
background
:
#283FEB
;
color
:
#fff
;
font-size
:
20px
;
border
:
1px
solid
#283FEB
;
cursor
:
pointer
}
.homepage
.footfixedcor
.confotfix
.but.but-lk
{
background
:
none
;
margin-right
:
20px
;
color
:
#283FEB
}
\ No newline at end of file
\ No newline at end of file
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