Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
YOHOBUYWAP
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
0
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
hf
9 years ago
Commit
481bf2da27ebadcd2864994440770de4033933a7
1 parent
f70905ea
modify to ignore assets path
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
2762 additions
and
0 deletions
.gitignore
static/css/index.css
.gitignore
View file @
481bf2d
...
...
@@ -4,4 +4,5 @@ nbproject
.gitignore
.gitmodules
compile/
assets/
script/nginx/logs
\ No newline at end of file
...
...
static/css/index.css
0 → 100644
View file @
481bf2d
@charset
"UTF-8"
;
html
,
body
,
div
,
span
,
applet
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
big
,
cite
,
code
,
del
,
dfn
,
em
,
img
,
ins
,
kbd
,
q
,
s
,
samp
,
small
,
strike
,
strong
,
sub
,
sup
,
tt
,
var
,
b
,
u
,
i
,
center
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
article
,
aside
,
canvas
,
details
,
embed
,
figure
,
figcaption
,
footer
,
header
,
hgroup
,
menu
,
nav
,
output
,
ruby
,
section
,
summary
,
time
,
mark
,
audio
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font
:
inherit
;
font-size
:
100%
;
vertical-align
:
baseline
;
}
html
{
line-height
:
1
;
}
ol
,
ul
{
list-style
:
none
;
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
;
}
caption
,
th
,
td
{
text-align
:
left
;
font-weight
:
normal
;
vertical-align
:
middle
;
}
q
,
blockquote
{
quotes
:
none
;
}
q
:before
,
q
:after
,
blockquote
:before
,
blockquote
:after
{
content
:
""
;
content
:
none
;
}
a
img
{
border
:
none
;
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
menu
,
nav
,
section
,
summary
{
display
:
block
;
}
*
{
-webkit-tap-highlight-color
:
transparent
;
-moz-tap-highlight-color
:
transparent
;
tap-highlight-color
:
transparent
;
}
html
,
body
{
font-family
:
helvetica
,
Arial
,
"黑体"
;
width
:
100%
;
font-size
:
12px
;
line-height
:
1.4
;
}
.clearfix
:before
,
.clearfix
:after
{
content
:
""
;
display
:
table
;
}
.clearfix
:after
{
clear
:
both
;
}
.clearfix
{
*
zoom
:
1
;
}
button
,
input
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
margin
:
0
;
}
img
{
max-width
:
100%
;
display
:
block
;
border
:
0
;
margin
:
0
auto
;
}
a
{
text-decoration
:
none
;
outline
:
none
;
color
:
#000
;
}
*
:focus
{
outline
:
none
;
}
.hide
{
display
:
none
;
}
@font-face
{
font-family
:
"iconfont"
;
src
:
url('../font/iconfont.eot?1444728359')
;
/* IE9*/
src
:
url('../font/iconfont.eot?&1444728359#iefix')
format
(
"embedded-opentype"
),
url('../font/iconfont.woff?1444728359')
format
(
"woff"
),
url('../font/iconfont.ttf?1444728359')
format
(
"truetype"
),
url('../font/iconfont.svg?1444728359#iconfont')
format
(
"svg"
);
/* iOS 4.1- */
}
@font-face
{
font-family
:
"icomoon"
;
src
:
url('../font/icomoon.eot?1445002646')
;
/* IE9*/
src
:
url('../font/icomoon.eot?&1445002646#iefix')
format
(
"embedded-opentype"
),
url('../font/icomoon.woff?1445002646')
format
(
"woff"
),
url('../font/icomoon.ttf?1445002646')
format
(
"truetype"
),
url('../font/icomoon.svg?1445002646#icomoon')
format
(
"svg"
);
/* iOS 4.1- */
}
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
text-decoration
:
none
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
0.2px
;
-moz-osx-font-smoothing
:
grayscale
;
}
.icomoon
{
font-family
:
"icomoon"
!important
;
font-size
:
16px
;
font-style
:
normal
;
text-decoration
:
none
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
0.2px
;
-moz-osx-font-smoothing
:
grayscale
;
}
.yoho-tip
{
position
:
absolute
;
display
:
none
;
text-align
:
center
;
width
:
70%
;
padding
:
34px
0
;
top
:
50%
;
left
:
50%
;
margin-left
:
-35%
;
margin-top
:
-45px
;
background-color
:
#000
;
opacity
:
0.7
;
color
:
#fff
;
font-size
:
18px
;
border
:
none
;
-moz-border-radius
:
10px
;
-webkit-border-radius
:
10px
;
border-radius
:
10px
;
}
.yoho-header
{
position
:
relative
;
background-color
:
#000
;
color
:
#fff
;
width
:
100%
;
overflow
:
hidden
;
height
:
44px
;
line-height
:
44px
;
}
.yoho-header
.nav-back
{
position
:
absolute
;
left
:
17px
;
top
:
14px
;
width
:
9px
;
height
:
16px
;
background
:
url('../img/layout/back.png?1444371198')
no-repeat
;
background-size
:
100%
100%
;
outline
:
none
;
}
.yoho-header
.nav-home
{
position
:
absolute
;
top
:
14px
;
right
:
17px
;
width
:
20px
;
height
:
20px
;
background
:
url('../img/layout/home.png?1444371198')
no-repeat
;
background-size
:
100%
100%
;
outline
:
none
;
}
.yoho-header
.nav-title
{
position
:
absolute
;
margin-left
:
26px
;
margin-right
:
32px
;
height
:
100%
;
font-size
:
18px
;
color
:
#fff
;
font-weight
:
bold
;
top
:
0
;
right
:
0
;
left
:
0
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
text-align
:
center
;
}
.yoho-footer
{
font-size
:
12px
;
background-color
:
#fff
;
}
.yoho-footer
.op-row
{
position
:
relative
;
padding
:
0
30px
;
height
:
60px
;
line-height
:
60px
;
}
.yoho-footer
.op-row
.user-name
{
text-decoration
:
underline
;
}
.yoho-footer
.op-row
.back-to-top
{
position
:
absolute
;
right
:
20px
;
}
.yoho-footer
.copyright
{
height
:
60px
;
line-height
:
60px
;
border-top
:
1px
solid
#ccc
;
text-align
:
center
;
color
:
#666
;
background-color
:
#eee
;
}
.good-info
{
float
:
left
;
width
:
6.9rem
;
height
:
12.15rem
;
margin
:
0.7rem
0.375rem
0
;
}
.good-info
.tag-container
{
height
:
0.7rem
;
width
:
100%
;
}
.good-info
.tag-container
.good-tag
{
display
:
block
;
float
:
left
;
height
:
0.7rem
;
font-size
:
0.45rem
;
text-align
:
center
;
line-height
:
0.8rem
;
margin-right
:
0.1rem
;
}
.good-info
.tag-container
.good-tag
:last-child
{
margin-right
:
0
;
}
.good-info
.tag-container
.new-tag
{
width
:
1.5rem
;
background-color
:
#78dc7e
;
color
:
#fff
;
}
.good-info
.tag-container
.renew-tag
{
width
:
2.25rem
;
background-color
:
#78dc7e
;
color
:
#fff
;
}
.good-info
.tag-container
.sale-tag
{
width
:
1.5rem
;
background-color
:
#ff575c
;
color
:
#fff
;
}
.good-info
.tag-container
.new-festival-tag
{
width
:
2.25rem
;
background-color
:
#000
;
color
:
#fff
;
}
.good-info
.tag-container
.limit-tag
{
box-sizing
:
border-box
;
width
:
2.25rem
;
border
:
1px
solid
#000
;
color
:
#000
;
line-height
:
0.6rem
;
}
.good-detail-img
{
position
:
relative
;
}
.good-detail-img
img
{
display
:
block
;
width
:
100%
;
height
:
9.15rem
;
}
.good-detail-img
.few-tag
{
position
:
absolute
;
bottom
:
0
;
width
:
100%
;
height
:
0.7rem
;
background
:
#ffac5b
;
font-size
:
0.45rem
;
color
:
#fff
;
line-height
:
0.7rem
;
text-align
:
center
;
}
.good-detail-text
.name
a
{
display
:
block
;
line-height
:
1.4rem
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
text-decoration
:
none
;
font-size
:
0.55rem
;
color
:
#444
;
}
.good-detail-text
.price
{
line-height
:
0.55rem
;
font-size
:
0.55rem
;
}
.good-detail-text
.price
.sale-price
{
color
:
#d62927
;
}
.good-detail-text
.price
.sale-price.no-price
{
color
:
#000
;
}
.good-detail-text
.price
.market-price
{
margin
:
0
0
0
0.125rem
;
color
:
#b0b0b0
;
text-decoration
:
line-through
;
}
body
.passport-body
{
background-color
:
#444
;
font-family
:
"MicroSoft YaHei"
,
SimSun
,
sans-serif
;
}
body
.passport-body
*
{
box-sizing
:
border-box
;
}
.passport-page
{
text-align
:
center
;
padding
:
0
6%
;
}
.passport-page
.header
{
position
:
relative
;
height
:
40px
;
margin
:
20px
0
30px
;
}
.passport-page
.header
.go-back
{
display
:
block
;
position
:
absolute
;
height
:
30px
;
width
:
30px
;
top
:
5px
;
left
:
0
;
background
:
url('../img/passport/go-back.png?1444371198')
no-repeat
;
background-size
:
100%
100%
;
}
.passport-page
.header
.title
{
font-size
:
20px
;
line-height
:
40px
;
color
:
#fff
;
}
.passport-page
.header
.img-header
{
width
:
68px
;
height
:
40px
;
background
:
url('../img/passport/yoho-family.png?1444371198')
no-repeat
;
background-size
:
100%
100%
;
margin
:
0
auto
;
}
.passport-page
.input-container
,
.passport-page
.select-container
{
position
:
relative
;
width
:
100%
;
height
:
52px
;
font-size
:
20px
;
background-color
:
#575757
;
border
:
1px
solid
#606060
;
border-radius
:
5px
;
text-align
:
left
;
color
:
#fff
;
}
.passport-page
.select-container
.select
{
position
:
absolute
;
height
:
50px
;
padding-right
:
40px
;
right
:
0
;
color
:
#fff
;
background-color
:
transparent
;
border
:
0
;
-moz-border-radius
:
5px
;
-webkit-border-radius
:
5px
;
border-radius
:
5px
;
-moz-appearance
:
none
;
-webkit-appearance
:
none
;
direction
:
rtl
;
}
.passport-page
.select-container
.select
:focus
{
outline
:
0
;
border
:
none
;
}
.passport-page
.select-container
.select
:-moz-focusring
{
color
:
transparent
;
text-shadow
:
0
0
0
#fff
;
}
.passport-page
.select-container
.select-title
{
line-height
:
2.5
;
margin-left
:
15px
;
}
.passport-page
.select-container
.arrow-right
{
position
:
absolute
;
width
:
13px
;
height
:
20px
;
right
:
15px
;
top
:
16px
;
background-image
:
url("http://static.dev.yohobuy.com/img/passport/arrow-right.png")
;
background-size
:
100%
100%
;
}
.passport-page
.has-eye
,
.passport-page
.has-clear
{
padding-right
:
30px
;
}
.passport-page
.area-code
{
position
:
absolute
;
left
:
15px
;
line-height
:
2.5
;
}
.passport-page
.phone-container
{
padding-left
:
55px
;
}
.passport-page
.input
{
width
:
100%
;
line-height
:
26px
;
padding
:
12px
0
;
padding-left
:
15px
;
border-radius
:
5px
;
color
:
#fff
;
background-color
:
transparent
;
border
:
none
;
}
.passport-page
.btn
{
display
:
block
;
width
:
100%
;
font-size
:
20px
;
line-height
:
2.5
;
background-color
:
#36a74c
;
-moz-border-radius
:
5px
;
-webkit-border-radius
:
5px
;
border-radius
:
5px
;
color
:
#fff
;
}
.passport-page
.btn.disable
{
background-color
:
#a2a2a2
;
}
.passport-page
.country-select.in-android-uc
{
width
:
90px
;
}
.passport-page
.clear-input
{
position
:
absolute
;
display
:
none
;
top
:
18px
;
right
:
10px
;
width
:
16px
;
height
:
16px
;
background-image
:
url("http://static.dev.yohobuy.com/img/passport/clear-input.png")
;
background-size
:
100%
100%
;
}
.passport-page
.eye
{
position
:
absolute
;
top
:
20px
;
right
:
10px
;
width
:
19px
;
height
:
12px
;
background-image
:
url("http://static.dev.yohobuy.com/img/passport/eye.png")
;
background-size
:
100%
100%
;
}
.passport-page
.eye.close
{
background-image
:
url("http://static.dev.yohobuy.com/img/passport/eye-close.png")
;
}
.passport-page
.row
{
margin-bottom
:
10px
;
}
.reg-page
.register-tip
{
color
:
#fff
;
font-size
:
15px
;
}
.login-page
.yoho-logo
{
position
:
absolute
;
height
:
31px
;
width
:
26px
;
background
:
url('../img/passport/yoho.png?1444371198')
;
background-size
:
100%
100%
;
top
:
10px
;
left
:
15px
;
}
.login-page
.acc-container
{
padding-left
:
45px
;
}
.login-page
.op-container
{
position
:
relative
;
width
:
100%
;
margin
:
20px
0
;
text-align
:
left
;
font-size
:
16px
;
}
.login-page
.op-container
.go-register
{
text-decoration
:
underline
;
color
:
#858585
;
}
.login-page
.op-container
.forget-pwd
{
position
:
absolute
;
right
:
0
;
text-decoration
:
underline
;
color
:
#858585
;
}
.login-page
.third-party-login
{
text-align
:
left
;
}
.login-page
.third-party-login
>
span
{
font-size
:
16px
;
color
:
#858585
;
}
.login-page
.third-party-login
.tp-link
{
text-align
:
center
;
padding
:
20px
0
;
}
.login-page
.third-party-login
.tp-link
>
a
{
display
:
inline-block
;
width
:
44px
;
height
:
44px
;
margin
:
0
7px
;
-moz-border-radius
:
50%
;
-webkit-border-radius
:
50%
;
border-radius
:
50%
;
background-color
:
#333
;
background-repeat
:
no-repeat
;
background-size
:
100%
100%
;
}
.login-page
.third-party-login
.tp-link
.alipay
{
background-image
:
url('../img/passport/alipay.png?1444371198')
;
}
.login-page
.third-party-login
.tp-link
.weibo
{
background-image
:
url('../img/passport/weibo.png?1444371198')
;
}
.login-page
.third-party-login
.tp-link
.weixin
{
background-image
:
url('../img/passport/weixin.png?1444371198')
;
}
.login-page
.third-party-login
.tp-link
.qq
{
background-image
:
url('../img/passport/qq.png?1444371198')
;
}
.login-page
.interational
{
display
:
block
;
width
:
200px
;
padding
:
5px
10px
;
background-color
:
#333
;
border
:
none
;
border-radius
:
20px
;
margin
:
0
auto
;
font-size
:
16px
;
color
:
#d8d8d8
;
}
.login-page
.login-tip
{
font-size
:
16px
;
position
:
relative
;
color
:
#d8d8d8
;
margin
:
15px
0
;
}
.login-page
.login-tip
.info-icon
{
display
:
inline-block
;
height
:
12px
;
width
:
12px
;
background-image
:
url('../img/passport/info.png?1444371198')
;
background-size
:
100%
100%
;
}
.login-page
.mask
{
position
:
fixed
;
display
:
none
;
top
:
0
;
bottom
:
0
;
right
:
0
;
left
:
0
;
background-color
:
rgba
(
0
,
0
,
0
,
0.5
);
}
.login-page
.retrive-pwd-ways
{
position
:
fixed
;
display
:
none
;
bottom
:
5px
;
left
:
10px
;
right
:
10px
;
font-size
:
16px
;
}
.login-page
.retrive-pwd-ways
li
{
background-color
:
#fff
;
width
:
100%
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
}
.login-page
.retrive-pwd-ways
li
:nth-child
(
1
)
{
-moz-border-radius-topleft
:
5px
;
-webkit-border-top-left-radius
:
5px
;
border-top-left-radius
:
5px
;
-moz-border-radius-topright
:
5px
;
-webkit-border-top-right-radius
:
5px
;
border-top-right-radius
:
5px
;
border-bottom
:
1px
solid
#9f9f9f
;
}
.login-page
.retrive-pwd-ways
li
:nth-child
(
2
)
{
-moz-border-radius-bottomleft
:
5px
;
-webkit-border-bottom-left-radius
:
5px
;
border-bottom-left-radius
:
5px
;
-moz-border-radius-bottomright
:
5px
;
-webkit-border-bottom-right-radius
:
5px
;
border-bottom-right-radius
:
5px
;
}
.login-page
.retrive-pwd-ways
li
:last-child
{
margin-top
:
10px
;
-moz-border-radius
:
5px
;
-webkit-border-radius
:
5px
;
border-radius
:
5px
;
}
.back-email-success-page
.tip
{
font-size
:
20px
;
color
:
#fff
;
margin-top
:
30px
;
}
.back-email-success-page
.sub-tip
,
.back-email-success-page
.resend
{
color
:
#939393
;
font-size
:
16px
;
}
.back-email-success-page
.go-email
{
margin
:
20px
0
10px
;
}
.back-email-success-page
.resend
{
float
:
right
;
}
.reg-code-page
.captcha-tip
,
.back-code-page
.captcha-tip
{
position
:
absolute
;
width
:
148px
;
text-align
:
center
;
right
:
15px
;
top
:
8px
;
color
:
#36a74c
;
padding
:
5px
0
;
border
:
1px
solid
#36a74c
;
border-radius
:
20px
;
font-size
:
16px
;
}
.reg-code-page
.captcha-tip.disable
,
.back-code-page
.captcha-tip.disable
{
color
:
#8f8f8f
;
border-color
:
#8f8f8f
;
}
.reg-code-page
.input-container
,
.back-code-page
.input-container
{
padding-right
:
190px
;
}
.reg-code-page
.text-container
,
.back-code-page
.text-container
{
color
:
#fff
;
font-size
:
16px
;
margin-bottom
:
20px
;
}
.reg-code-page
.phone
,
.back-code-page
.phone
{
color
:
#4ecae8
;
}
.reg-code-page
.clear-input
,
.back-code-page
.clear-input
{
right
:
170px
;
}
.time-view-like-share
{
color
:
#b0b0b0
;
line-height
:
0.95rem
;
height
:
0.95rem
;
font-size
:
0.6rem
;
}
.time-view-like-share
.iconfont
{
vertical-align
:
9%
;
margin-right
:
0.1rem
;
font-size
:
0.6rem
;
}
.time-view-like-share
.like-share-container
{
display
:
inline-block
;
float
:
right
;
}
.time-view-like-share
.like-share-container
>
*
{
float
:
left
;
}
.time-view-like-share
.like-share-container
.iconfont
{
position
:
relative
;
height
:
1.5rem
;
line-height
:
1.5rem
;
display
:
inline-block
;
color
:
#b0b0b0
;
width
:
1.5rem
;
top
:
-0.35rem
;
font-size
:
0.85rem
;
text-align
:
center
;
margin-right
:
0
;
outline
:
none
;
}
.time-view-like-share
.like-share-container
.share-btn
{
margin-left
:
0.5rem
;
}
.time-view-like-share
.like-share-container
.like-btn.like
{
color
:
#444
;
}
.time-view-like-share
.like-share-container
.collect-btn
{
margin-left
:
0.5rem
;
}
.time-view-like-share
.like-share-container
.collect-btn.collected
{
color
:
#444
;
}
.guang-info
{
margin-bottom
:
0.75rem
;
padding
:
0
0
0.6rem
0
;
border-top
:
1px
solid
#e0e0e0
;
border-bottom
:
1px
solid
#e0e0e0
;
background
:
#fff
;
}
.guang-info
.info-author
{
display
:
block
;
width
:
100%
;
}
.guang-info
.info-author
.avatar
{
float
:
left
;
margin-top
:
0.5rem
;
width
:
1.25rem
;
height
:
1.25rem
;
margin-left
:
0.75rem
;
-moz-border-radius
:
50%
;
-webkit-border-radius
:
50%
;
border-radius
:
50%
;
}
.guang-info
.info-author
.name
{
float
:
left
;
margin-left
:
0.75rem
;
padding
:
0.75rem
0
;
font-size
:
0.7rem
;
color
:
#000
;
}
.guang-info
:last-child
{
margin-bottom
:
0
;
}
.guang-info
.info-img
{
position
:
relative
;
width
:
100%
;
}
.guang-info
.info-img
img
{
display
:
block
;
width
:
100%
;
}
.guang-info
.info-match
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
3.25rem
;
height
:
1.25rem
;
line-height
:
1.25rem
;
font-size
:
0.7rem
;
color
:
#fff
;
background
:
#000
;
text-align
:
center
;
text-decoration
:
none
;
}
.guang-info
.info-tag
{
position
:
absolute
;
top
:
0
;
left
:
2.625rem
;
height
:
1.25rem
;
width
:
1.25rem
;
}
.guang-info
.info-tag.collocation
{
background
:
url('../img/guang/info/collocation.png?1444613495')
;
background-size
:
100%
100%
;
}
.guang-info
.info-tag.fashion-good
{
background
:
url('../img/guang/info/fashion-good.png?1444613495')
;
background-size
:
100%
100%
;
}
.guang-info
.info-tag.fashion-man
{
background
:
url('../img/guang/info/fashion-man.png?1444613495')
;
background-size
:
100%
100%
;
}
.guang-info
.info-tag.tip
{
background
:
url('../img/guang/info/tip.png?1444613495')
;
background-size
:
100%
100%
;
}
.guang-info
.info-tag.topic
{
background
:
url('../img/guang/info/topic.png?1444613495')
;
background-size
:
100%
100%
;
}
.guang-info
.info-deps
{
margin
:
0.8rem
0
0
0
;
padding
:
0
1rem
0
0.75rem
;
}
.guang-info
.info-deps
.info-title-container
{
text-decoration
:
none
;
color
:
#000
;
}
.guang-info
.info-deps
.info-title
{
line-height
:
1.1rem
;
color
:
#000
;
font-size
:
1rem
;
font-weight
:
bold
;
}
.guang-info
.info-deps
.info-text
{
margin
:
0.4rem
0
0
0
;
line-height
:
1.15rem
;
font-size
:
0.7rem
;
color
:
#444
;
}
.guang-info
.info-deps
.time-view-like-share
{
margin-top
:
0.4rem
;
}
.ps-list-page
{
background-color
:
#f0f0f0
;
}
.ps-list-page
.nav-tab
,
.ps-list-page
.ps-content
{
width
:
100%
;
}
.ps-list-page
.nav-tab
{
height
:
1.5rem
;
padding
:
0.25rem
0
;
background-color
:
#fff
;
}
.ps-list-page
.star-nav
,
.ps-list-page
.plus-nav
{
box-sizing
:
border-box
;
float
:
left
;
width
:
50%
;
height
:
1.5rem
;
line-height
:
1.5rem
;
font-size
:
16px
;
text-align
:
center
;
color
:
#ccc
;
}
.ps-list-page
.star-nav.focus
,
.ps-list-page
.plus-nav.focus
{
color
:
#000
;
}
.ps-list-page
.star-nav
{
border-right
:
1px
solid
#ccc
;
}
.ps-list-page
.plus-star-row
{
margin-bottom
:
0.25rem
;
}
.ps-list-page
.plus-star-row
:last-child
{
margin-bottom
:
0
;
}
.ps-list-page
.plus-star-row
>
a
{
display
:
block
;
height
:
7.75rem
;
}
.ps-list-page
.content.hide
{
display
:
none
;
}
.ps-list-page
.swiper-container
{
height
:
7.75rem
;
}
.ps-list-page
.swiper-pagination-bullet-active
{
background
:
#fff
;
}
.ps-list-page
.brand-deps
{
height
:
1rem
;
line-height
:
1rem
;
padding-left
:
0.25rem
;
font-size
:
14px
;
background
:
#fff
;
max-width
:
100%
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
}
.ps-detail-page
{
background-color
:
#f0f0f0
;
}
.ps-detail-page
.ps-block
{
margin-bottom
:
0.75rem
;
border-bottom
:
1px
solid
#e0e0e0
;
border-top
:
1px
solid
#e0e0e0
;
background-color
:
#fff
;
}
.ps-detail-page
.ps-block.header
,
.ps-detail-page
.ps-block.related-infos
{
border-top
:
none
;
}
.ps-detail-page
.ps-block.related-infos
{
margin-bottom
:
0
;
background-color
:
#f0f0f0
;
}
.ps-detail-page
.header
{
position
:
relative
;
}
.ps-detail-page
.header
.banner
{
width
:
100%
;
height
:
7.75rem
;
}
.ps-detail-page
.header
.logo
{
position
:
absolute
;
border
:
1px
solid
#b5b5b5
;
height
:
4.2rem
;
width
:
4.2rem
;
top
:
5.65rem
;
left
:
1.25rem
;
}
.ps-detail-page
.header
.header-content
{
padding
:
0
0.75rem
;
}
.ps-detail-page
.header
.name-islike-container
{
padding-left
:
6.2rem
;
margin-top
:
0.6rem
;
font-size
:
0.85rem
;
}
.ps-detail-page
.header
.name
{
color
:
#000
;
height
:
1.025rem
;
width
:
7.375rem
;
}
.ps-detail-page
.header
.brand-islike
{
position
:
relative
;
float
:
right
;
color
:
#b0b0b0
;
height
:
1.5rem
;
width
:
1.5rem
;
line-height
:
1.5rem
;
text-align
:
center
;
top
:
-0.25rem
;
left
:
-0.25rem
;
}
.ps-detail-page
.header
.brand-islike.like
{
color
:
#f00
;
}
.ps-detail-page
.intro
{
margin-top
:
1.225rem
;
font-size
:
0.6rem
;
color
:
#444
;
line-height
:
150%
;
}
.ps-detail-page
.more-intro
{
padding
:
0.75rem
0
;
font-size
:
0.7rem
;
line-height
:
104%
;
color
:
#bbb
;
float
:
right
;
}
.ps-detail-page
.more-intro
.icon
{
display
:
inline-block
;
height
:
100%
;
width
:
1rem
;
-moz-transition
:
-moz-transform
0.1s
ease-in
;
-o-transition
:
-o-transform
0.1s
ease-in
;
-webkit-transition
:
-webkit-transform
0.1s
ease-in
;
transition
:
transform
0.1s
ease-in
;
}
.ps-detail-page
.more-intro.spread
.icon
{
-moz-transform
:
rotate
(
-180deg
);
-ms-transform
:
rotate
(
-180deg
);
-webkit-transform
:
rotate
(
-180deg
);
transform
:
rotate
(
-180deg
);
-moz-transform
:
scale
(
0.83
,
0.83
);
-ms-transform
:
scale
(
0.83
,
0.83
);
-webkit-transform
:
scale
(
0.83
,
0.83
);
transform
:
scale
(
0.83
,
0.83
);
}
.ps-detail-page
.new-arrival
{
padding-left
:
0
0.75rem
;
}
.ps-detail-page
.new-arrival
.new-arrival-content
{
padding
:
0.5rem
0.35rem
;
}
.ps-detail-page
.new-arrival
.more-goods-container
{
height
:
2.25rem
;
padding
:
0
0.75rem
;
border-top
:
1px
solid
#e0e0e0
;
color
:
#000
;
}
.ps-detail-page
.new-arrival
.mg-text
{
height
:
100%
;
line-height
:
2.25rem
;
color
:
#000
;
text-decoration
:
none
;
display
:
block
;
font-size
:
16px
;
}
.ps-detail-page
.new-arrival
.more-prods
{
float
:
right
;
color
:
#b0b0b0
;
}
.ps-detail-page
.new-arrival
.new-arrival-header
.more-prods
{
margin-right
:
0.75rem
;
margin-top
:
0.25rem
;
}
.ps-detail-page
.new-arrival-header
{
padding-left
:
5.55rem
;
padding-top
:
0.825rem
;
}
.ps-detail-page
.new-arrival-header
.header-text
{
font-size
:
0.7rem
;
color
:
#000
;
line-height
:
122%
;
font-weight
:
bold
;
}
.ps-detail-page
.related-info-title
{
margin
:
0
0.725rem
;
border
:
1px
solid
#e0e0e0
;
border-bottom
:
none
;
line-height
:
1.8rem
;
font-size
:
0.75rem
;
color
:
#b0b0b0
;
text-align
:
center
;
background-color
:
#fff
;
}
.ps-detail-page
.related-infos-container
.guang-info
:first-child
{
margin-top
:
0
;
}
.guang-list-page
.editor-header
{
margin-bottom
:
0.75rem
;
padding-top
:
0.9rem
;
padding-bottom
:
1rem
;
background
:
#fff
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.guang-list-page
.avatar
{
float
:
left
;
margin-left
:
0.75rem
;
}
.guang-list-page
.avatar
img
{
width
:
2.5rem
;
height
:
2.5rem
;
-moz-border-radius
:
50%
;
-webkit-border-radius
:
50%
;
border-radius
:
50%
;
}
.guang-list-page
.text
{
float
:
left
;
margin-left
:
0.8rem
;
width
:
11.875rem
;
}
.guang-list-page
.text
.name
{
font-size
:
0.8rem
;
line-height
:
1rem
;
}
.guang-list-page
.text
.info
{
margin-top
:
0.15rem
;
color
:
#bdbdbf
;
font-size
:
0.6rem
;
line-height
:
0.8rem
;
}
.guang-list-page
.swiper-container
{
width
:
100%
;
height
:
7.75rem
;
}
.guang-list-page
.swiper-container
img
{
height
:
100%
;
width
:
100%
;
}
.guang-list-page
.swiper-container
.swiper-pagination
{
bottom
:
0
;
left
:
0
;
width
:
100%
;
}
.guang-list-page
.swiper-container
.swiper-pagination-bullet-active
{
background
:
#fff
;
}
.guang-list-page
.guang-nav
{
background-color
:
#fff
;
overflow
:
hidden
;
height
:
2rem
;
}
.guang-list-page
.guang-nav-item
{
float
:
left
;
color
:
#ccc
;
font-size
:
0.7rem
;
padding
:
0
0.55rem
;
line-height
:
2rem
;
}
.guang-list-page
.guang-nav-item.focus
{
color
:
#000
;
}
.guang-list-page
.info-list.hide
{
display
:
none
;
}
.guang-list-page
.load-more-info
{
width
:
100%
;
height
:
1.75rem
;
line-height
:
1.75rem
;
text-align
:
center
;
font-size
:
14px
;
overflow
:
hidden
;
}
.guang-list-page
.load-more-info
.status.hide
{
display
:
none
;
}
.clothes-sprite
{
background-image
:
url('../img/guang/clothes-s7f658d7d2c.png')
;
background-repeat
:
no-repeat
;
}
.guang-detail-page
#wrapper
.ios
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
overflow
:
hidden
;
}
.guang-detail-page
.author
{
border-bottom
:
1px
solid
#e0e0e0
;
background
:
#fff
;
}
.guang-detail-page
.author
>
a
{
display
:
block
;
height
:
100%
;
}
.guang-detail-page
.author
.avatar
{
float
:
left
;
margin-top
:
0.5rem
;
margin-left
:
0.75rem
;
width
:
1.25rem
;
height
:
1.25rem
;
-moz-border-radius
:
50%
;
-webkit-border-radius
:
50%
;
border-radius
:
50%
;
}
.guang-detail-page
.author
.name
{
float
:
left
;
font-size
:
0.7rem
;
color
:
#000
;
padding
:
0.75rem
0
;
margin-left
:
0.75rem
;
}
.guang-detail-page
.author
.intro
{
float
:
left
;
font-size
:
0.7rem
;
color
:
#b0b0b0
;
padding
:
0.75rem
0
;
margin-left
:
0.75rem
;
}
.guang-detail-page
.post-title
{
padding
:
0.4rem
0
0.65rem
0.75rem
;
background
:
#fff
;
}
.guang-detail-page
.post-title
.title
{
line-height
:
1.5rem
;
font-size
:
1rem
;
color
:
#000
;
font-weight
:
bold
;
}
.guang-detail-page
.text-block
{
padding
:
0.5rem
0.75rem
;
line-height
:
1.15rem
;
font-size
:
0.7rem
;
background
:
#fff
;
color
:
#444
;
}
.guang-detail-page
.big-img-block
{
padding-bottom
:
0.125rem
;
background
:
#fff
;
}
.guang-detail-page
.big-img-block
img
{
width
:
100%
;
height
:
16rem
;
}
.guang-detail-page
.small-img-block
{
padding-bottom
:
0.2rem
;
background
:
#fff
;
}
.guang-detail-page
.small-img-block
img
{
float
:
right
;
width
:
7.875rem
;
height
:
10.5rem
;
}
.guang-detail-page
.small-img-block
img
:first-child
{
float
:
left
;
}
.guang-detail-page
.collocation-block
{
background
:
#fff
;
}
.guang-detail-page
.collocation-block
.good-list
{
padding-left
:
0.375rem
;
}
.guang-detail-page
.thumb-container
{
padding-top
:
0.75rem
;
padding-left
:
0.75rem
;
background
:
transparent
url('../img/guang/thumb-container-bg.png?1444815881')
no-repeat
;
background-size
:
200%
100%
;
}
.guang-detail-page
.thumb-container.fixed-top
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
}
.guang-detail-page
.thumb-container.fixed-bottom
{
position
:
fixed
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
}
.guang-detail-page
.thumb-container.absolute
{
position
:
absolute
;
left
:
0
;
right
:
0
;
}
.guang-detail-page
.thumb-container.static
{
position
:
static
;
}
.guang-detail-page
.thumb-container.hide
{
display
:
none
;
}
.guang-detail-page
.clothe-type
{
position
:
absolute
;
right
:
0.15rem
;
bottom
:
0.85rem
;
width
:
20px
;
height
:
20px
;
-moz-border-radius
:
50%
;
-webkit-border-radius
:
50%
;
border-radius
:
50%
;
}
.guang-detail-page
.clothe-type.bag
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
0
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.cloth
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-20px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.dress
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-40px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.headset
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-60px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.lamp
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-80px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.pants
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-100px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.shoe
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-120px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.swim-suit
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-140px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.under
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-160px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.clothe-type.watch
{
background
:
url('../img/guang/clothes-se45f5825d0.png')
0
-180px
no-repeat
;
-moz-background-size
:
20px
auto
;
-o-background-size
:
20px
auto
;
-webkit-background-size
:
20px
auto
;
background-size
:
20px
auto
;
display
:
block
;
background-color
:
#fff
;
background-size
:
100%
;
}
.guang-detail-page
.thumb
{
display
:
inline-block
;
position
:
relative
;
margin-right
:
0.55rem
;
padding-bottom
:
0.75rem
;
}
.guang-detail-page
.thumb
:last-child
{
margin-right
:
0
;
}
.guang-detail-page
.thumb.focus
.thumb-img
{
border-color
:
#000
;
}
.guang-detail-page
.thumb-img
{
height
:
3.35rem
;
width
:
2.4rem
;
border
:
1px
solid
transparent
;
}
.guang-detail-page
.related-reco-block
{
background
:
#fff
;
padding-left
:
0.375rem
;
border-top
:
1px
solid
#e0e0e0
;
}
.guang-detail-page
.related-reco-block
h2
{
margin-left
:
-0.375rem
;
line-height
:
2.6rem
;
font-size
:
0.75rem
;
color
:
#b0b0b0
;
text-align
:
center
;
}
.guang-detail-page
.related-reco-block
.one-good
{
padding-left
:
0.375rem
;
padding-right
:
0.75rem
;
margin-bottom
:
0.5rem
;
}
.guang-detail-page
.related-reco-block
.one-good
.thumb
{
float
:
left
;
height
:
3.35rem
;
width
:
2.4rem
;
}
.guang-detail-page
.related-reco-block
.one-good
.content-container
{
padding-left
:
3rem
;
height
:
3.35rem
;
line-height
:
1
;
font-size
:
0.6rem
;
}
.guang-detail-page
.related-reco-block
.one-good
.content-container
>
p
{
height
:
50%
;
line-height
:
2.35rem
;
}
.guang-detail-page
.related-reco-block
.one-good
.content-container
span
{
display
:
inline-block
;
line-height
:
0.6rem
;
}
.guang-detail-page
.related-reco-block
.one-good
.content-container
.price
{
line-height
:
1.175rem
;
}
.guang-detail-page
.related-reco-block
.one-good
.sale-price
{
color
:
#d62927
;
line-height
:
1.5
;
}
.guang-detail-page
.related-reco-block
.one-good
.sale-price.no-price
{
color
:
#000
;
}
.guang-detail-page
.related-reco-block
.one-good
.market-price
{
margin-left
:
0.125rem
;
color
:
#b0b0b0
;
text-decoration
:
line-through
;
line-height
:
1.5
;
}
.guang-detail-page
.related-reco-block
.one-good
.check-detail
{
display
:
inline-block
;
color
:
#000
;
border
:
1px
solid
;
border-radius
:
2px
;
float
:
right
;
padding
:
0
5px
;
line-height
:
1.5
;
}
.guang-detail-page
.related-brand
{
margin-top
:
0.75rem
;
}
.guang-detail-page
.related-brand
h2
{
margin
:
0
0.725rem
;
background
:
#fff
;
border
:
1px
solid
#e0e0e0
;
border-bottom
:
none
;
line-height
:
1.8rem
;
font-size
:
0.75rem
;
color
:
#b0b0b0
;
text-align
:
center
;
}
.guang-detail-page
.related-brand
.brand-list
{
border-top
:
1px
solid
#e0e0e0
;
border-bottom
:
1px
solid
#e0e0e0
;
padding
:
0.75rem
0
0.75rem
;
background
:
#fff
;
}
.guang-detail-page
.related-brand
.brand
{
float
:
left
;
width
:
3.95rem
;
height
:
3.2rem
;
border-right
:
1px
solid
#e0e0e0
;
margin-bottom
:
0.25rem
;
}
.guang-detail-page
.related-brand
.brand
a
{
display
:
block
;
}
.guang-detail-page
.related-brand
.brand
:nth-child
(
4n
)
{
border-right
:
none
;
}
.guang-detail-page
.related-brand
.brand-logo
{
display
:
table-cell
;
width
:
3.95rem
;
height
:
2.35rem
;
vertical-align
:
middle
;
}
.guang-detail-page
.related-brand
.brand-logo
img
{
display
:
block
;
max-width
:
3.95rem
;
max-height
:
2.35rem
;
vertical-align
:
middle
;
margin
:
0
auto
;
}
.guang-detail-page
.related-brand
.brand-name
{
margin
:
0.25rem
0
0
0
;
line-height
:
0.6rem
;
font-size
:
0.45rem
;
color
:
#babac2
;
text-align
:
center
;
text-decoration
:
none
;
border-bottom
:
none
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
}
.guang-detail-page
.related-tag
{
position
:
relative
;
padding-bottom
:
0.75rem
;
border-bottom
:
1px
solid
#e0e0e0
;
background
:
#fff
;
}
.guang-detail-page
.related-tag
.tag-bg
{
position
:
absolute
;
height
:
1rem
;
width
:
1rem
;
background
:
url('../img/guang/tag.png?1444815881')
no-repeat
;
background-size
:
100%
100%
;
top
:
0.875rem
;
left
:
0.5rem
;
}
.guang-detail-page
.related-tag
.tag-list
{
margin-left
:
1.25rem
;
}
.guang-detail-page
.related-tag
li
{
float
:
left
;
margin-top
:
0.775rem
;
margin-left
:
0.775rem
;
}
.guang-detail-page
.related-tag
a
{
height
:
1.25rem
;
line-height
:
1.25rem
;
font-size
:
0.75rem
;
color
:
#000
;
text-decoration
:
underline
;
white-space
:
nowrap
;
}
.guang-detail-page
.related-info
{
margin-top
:
0.75rem
;
}
.guang-detail-page
.related-info
h2
{
margin
:
0
0.725rem
;
background
:
#fff
;
border
:
1px
solid
#e0e0e0
;
border-bottom
:
none
;
line-height
:
1.8rem
;
font-size
:
0.75rem
;
color
:
#b0b0b0
;
text-align
:
center
;
}
.guang-detail-page
.related-info
.info-list
{
background
:
#fff
;
padding-bottom
:
0.75rem
;
border-top
:
1px
solid
#e0e0e0
;
}
.guang-detail-page
.related-info
li
{
padding-top
:
0.75rem
;
margin-bottom
:
0.25rem
;
}
.guang-detail-page
.related-info
li
a
{
display
:
block
;
}
.guang-detail-page
.related-info
li
img
{
float
:
left
;
margin-left
:
0.75rem
;
width
:
4.55rem
;
height
:
2.85rem
;
}
.guang-detail-page
.related-info
li
img
.square
{
height
:
4.55rem
;
}
.guang-detail-page
.related-info
.title
,
.guang-detail-page
.related-info
.publish-time
{
float
:
left
;
width
:
9rem
;
margin-left
:
0.75rem
;
line-height
:
1rem
;
color
:
#444
;
font-size
:
0.7rem
;
}
.guang-detail-page
.related-info
.publish-time
{
font-size
:
0.45rem
;
margin-top
:
0
;
color
:
#b0b0b0
;
}
.guang-detail-page
.related-info
.publish-time
.iconfont
{
font-size
:
0.45rem
;
}
.header-download
{
position
:
relative
;
height
:
5.3rem
;
padding
:
1.2rem
0
0
;
overflow
:
hidden
;
}
.header-download
.download-bg
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
z-index
:
-1
;
}
.header-download
.yoho-logo
{
height
:
1.425rem
;
background
:
url('../img/app-logo.png?1444716908')
no-repeat
center
center
;
background-size
:
auto
100%
;
}
.header-download
p
{
line-height
:
1.2rem
;
font-size
:
0.7rem
;
color
:
#fff
;
text-align
:
center
;
}
.header-download
.download-btn
{
display
:
block
;
margin
:
0.45rem
auto
0
;
width
:
7.35rem
;
height
:
1.6rem
;
line-height
:
1.6rem
;
border
:
0.075rem
solid
#fff
;
font-size
:
0.9rem
;
text-align
:
center
;
color
:
#fff
;
}
.header-download
.close-btn
{
position
:
absolute
;
top
:
0.425rem
;
right
:
0.325rem
;
width
:
1.25rem
;
height
:
1.25rem
;
background
:
url('../img/close-icon.png?1444716908')
;
background-size
:
100%
100%
;
}
.banner-top
{
position
:
relative
;
}
.banner-top
.swiper-pagination
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
0.5rem
;
text-align
:
center
;
}
.banner-top
.swiper-pagination
.pagination-inner
{
display
:
inline-block
;
}
.banner-top
.swiper-pagination
.pagination-inner
span
{
display
:
inline-block
;
width
:
0.35rem
;
height
:
0.35rem
;
background
:
#fff
;
opacity
:
0.5
;
margin
:
0
0.225rem
;
border-radius
:
50%
;
}
.banner-top
.swiper-pagination
.pagination-inner
span
.swiper-active-switch
{
opacity
:
1
;
}
.banner-swiper
{
height
:
7.725rem
;
overflow
:
hidden
;
}
.banner-swiper
ul
{
position
:
relative
;
height
:
100%
;
}
.banner-swiper
ul
li
{
float
:
left
;
height
:
100%
;
}
.banner-swiper
ul
li
img
{
width
:
100%
;
height
:
100%
;
}
.banner-center
{
margin
:
0.75rem
0
0
;
height
:
5rem
;
overflow
:
hidden
;
}
.banner-center
img
{
display
:
block
;
width
:
100%
;
}
.banner-bottom
{
margin
:
0.75rem
0
0
;
height
:
4rem
;
overflow
:
hidden
;
}
.banner-bottom
img
{
display
:
block
;
width
:
100%
;
}
.side-nav
{
display
:
none
;
background
:
#fff
;
position
:
fixed
;
top
:
0
;
right
:
2.5rem
;
bottom
:
0
;
left
:
0
;
z-index
:
1
;
overflow
:
hidden
;
}
.side-nav
ul
{
background
:
#f0f0f0
;
}
.side-nav
li
{
position
:
relative
;
height
:
3.2rem
;
line-height
:
3.2rem
;
border-bottom
:
1px
solid
#e0e0e0
;
background
:
#fff
;
}
.side-nav
li
a
{
display
:
block
;
height
:
100%
;
padding-left
:
2.75rem
;
color
:
#444
;
font-size
:
0.6rem
;
}
.side-nav
li
.nav-icon
,
.side-nav
li
.nav-img
{
position
:
absolute
;
width
:
1.5rem
;
height
:
1.5rem
;
top
:
50%
;
margin-top
:
-0.75rem
;
left
:
0.6rem
;
}
.side-nav
li
.enter-subnav
{
position
:
absolute
;
right
:
0.75rem
;
top
:
0
;
bottom
:
0
;
font-size
:
0.9rem
;
color
:
#b0b0b0
;
font-weight
:
lighter
;
}
.side-nav
li
em
{
margin-right
:
0.25rem
;
font-weight
:
bold
;
font-size
:
0.85rem
;
}
.side-nav
li
.boys
i
{
background
:
url('../img/side-nav/boys.png?1444959090')
no-repeat
left
center
;
background-size
:
100%
100%
;
}
.side-nav
li
.girls
i
{
background
:
url('../img/side-nav/girls.png?1444959090')
no-repeat
left
center
;
background-size
:
100%
100%
;
}
.side-nav
li
.kids
i
{
background
:
url('../img/side-nav/kids.png?1444959090')
no-repeat
left
center
;
background-size
:
100%
100%
;
}
.side-nav
li
.life
i
{
background
:
url('../img/side-nav/life.png?1444959090')
no-repeat
left
center
;
background-size
:
100%
100%
;
}
.side-nav
li
.new
{
margin
:
0.475rem
0
0
;
border-top
:
1px
solid
#e0e0e0
;
}
.side-nav
li
.new
i
{
background
:
url('../img/side-nav/new.png?1444959090')
no-repeat
left
center
;
background-size
:
100%
100%
;
}
.side-nav
li
.guang
.nav-icon
,
.side-nav
li
.trendfinder
.nav-icon
{
background
:
url('../img/side-nav/guang.png?1444959090')
no-repeat
left
center
;
background-size
:
100%
100%
;
}
.side-nav.on
{
display
:
block
;
}
.sub-nav
{
position
:
fixed
;
top
:
0
;
right
:
2.5rem
;
left
:
0
;
bottom
:
0
;
background
:
#fff
!important
;
z-index
:
2
;
-moz-transform
:
translateX
(
100%
);
-ms-transform
:
translateX
(
100%
);
-webkit-transform
:
translateX
(
100%
);
transform
:
translateX
(
100%
);
-moz-transition
:
-moz-transform
0.3s
;
-o-transition
:
-o-transform
0.3s
;
-webkit-transition
:
-webkit-transform
0.3s
;
transition
:
transform
0.3s
;
}
.sub-nav
li
{
height
:
2.725rem
;
line-height
:
2.725rem
;
border
:
none
;
/* img{
position: absolute;
max-width: 50rem / $pxConvertRem;
max-height: 50rem / $pxConvertRem;
left: 32rem / $pxConvertRem;
top: 50%;
margin-top: -25rem / $pxConvertRem;
border: none;
} */
}
.sub-nav
li
a
{
position
:
relative
;
display
:
block
;
margin
:
0
0
0
0.75rem
;
padding-left
:
1.25rem
;
border-bottom
:
1px
solid
#e0e0e0
;
font-size
:
0.9rem
;
z-index
:
2
;
}
.sub-nav
li
.nav-point
{
position
:
absolute
;
left
:
0rem
;
font-size
:
0.4rem
;
color
:
#f0f0f0
;
}
.sub-nav
li
em
{
font-weight
:
normal
;
font-size
:
0.9rem
;
}
.sub-nav
li
:hover
.nav-point
,
.sub-nav
li
.current
.nav-point
{
color
:
#3e3e3e
;
}
.sub-nav
li
:first-child
{
height
:
2.2rem
;
line-height
:
2.2rem
;
background
:
#3e3e3e
;
}
.sub-nav
li
:first-child
a
{
color
:
#fff
;
border-bottom
:
none
;
padding-left
:
2.75rem
;
}
.sub-nav
li
:first-child
.nav-back
{
position
:
absolute
;
left
:
0
;
}
.sub-nav.show
{
-moz-transform
:
translateX
(
0
);
-ms-transform
:
translateX
(
0
);
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
);
-moz-transition
:
-moz-transform
0.3s
;
-o-transition
:
-o-transform
0.3s
;
-webkit-transition
:
-webkit-transform
0.3s
;
transition
:
transform
0.3s
;
}
.floor-header
{
margin
:
0.725rem
0.75rem
0
;
background
:
#fff
;
border
:
1px
solid
#e0e0e0
;
border-bottom
:
none
;
height
:
1.75rem
;
line-height
:
1.75rem
;
text-align
:
center
;
font-size
:
0.75rem
;
color
:
#b1b1b1
;
}
.floor-header-more
{
position
:
relative
;
height
:
2.475rem
;
line-height
:
2.475rem
;
margin
:
0.725rem
0
0
;
background
:
#fff
;
border-top
:
1px
solid
#e0e0e0
;
text-align
:
center
;
font-size
:
0.8rem
;
color
:
#444
;
}
.floor-header-more
.more-btn
{
position
:
absolute
;
right
:
0.75rem
;
top
:
0
;
bottom
:
0
;
color
:
#b0b0b0
;
}
.hot-brands
{
background
:
#fff
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.hot-brands
a
{
display
:
block
;
text-decoration
:
none
;
height
:
100%
;
}
.hot-brands
.brand
{
float
:
left
;
width
:
3.95rem
;
height
:
4.35rem
;
border-right
:
1px
solid
#e0e0e0
;
border-top
:
1px
solid
#e0e0e0
;
overflow
:
hidden
;
}
.hot-brands
.brand
.brand-logo
{
width
:
100%
;
height
:
3.2rem
;
line-height
:
3.2rem
;
text-align
:
center
;
font-size
:
0
;
}
.hot-brands
.brand
.brand-logo
img
{
vertical-align
:
middle
;
max-width
:
100%
;
max-height
:
100%
;
}
.hot-brands
.brand
.brand-name
{
line-height
:
1.1rem
;
font-size
:
0.45rem
;
color
:
#babac2
;
text-align
:
center
;
text-decoration
:
none
;
border-bottom
:
none
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
-o-text-overflow
:
ellipsis
;
white-space
:
nowrap
;
}
.hot-brands
.brand
:nth-child
(
4n
)
{
border-right
:
none
;
}
.hot-brands
.more
{
float
:
left
;
width
:
7.925rem
;
height
:
4.35rem
;
border-top
:
1px
solid
#e0e0e0
;
}
.hot-brands
.more
a
{
display
:
block
;
width
:
100%
;
height
:
100%
;
background
:
url('../img/more-brand.png?1444716908')
no-repeat
;
background-size
:
100%
100%
;
}
.brands-swiper
{
background
:
#fff
;
width
:
100%
;
height
:
3.5rem
;
margin-bottom
:
0.7rem
;
overflow
:
hidden
;
}
.brands-swiper
.brands-list
{
position
:
relative
;
height
:
3.5rem
;
}
.brands-swiper
.brands-list
li
{
float
:
left
;
padding-left
:
5%
;
width
:
21.875%
;
height
:
3.5rem
;
}
.brands-swiper
.brands-list
li
a
{
position
:
relative
;
display
:
block
;
width
:
100%
;
height
:
100%
;
line-height
:
3.5rem
;
font-size
:
0
;
}
.brands-swiper
.brands-list
li
img
{
max-width
:
100%
;
max-height
:
100%
;
vertical-align
:
middle
;
}
.brands-swiper
.brands-list
li
.brands-title
{
position
:
absolute
;
left
:
0.2rem
;
right
:
0.2rem
;
bottom
:
0.2rem
;
height
:
0.7rem
;
line-height
:
0.7rem
;
text-align
:
center
;
font-size
:
0.45rem
;
color
:
#444
;
background
:
rgba
(
255
,
255
,
255
,
0.5
);
overflow
:
hidden
;
text-overflow
:
ellipsis
;
-o-text-overflow
:
ellipsis
;
white-space
:
nowrap
;
}
.fine-brands
{
background
:
#fff
;
border-top
:
1px
solid
#e0e0e0
;
}
.fine-brands
a
{
display
:
block
;
text-decoration
:
none
;
}
.fine-brands
.brand
{
float
:
left
;
width
:
3.95rem
;
height
:
4.35rem
;
border-right
:
1px
solid
#e0e0e0
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.fine-brands
.brand
.brand-logo
{
display
:
table-cell
;
width
:
3.95rem
;
height
:
3.25rem
;
vertical-align
:
middle
;
}
.fine-brands
.brand
.brand-logo
img
{
display
:
block
;
max-width
:
3.95rem
;
max-height
:
3.25rem
;
vertical-align
:
middle
;
margin
:
0
auto
;
}
.fine-brands
.brand
.brand-name
{
line-height
:
1.1rem
;
font-size
:
0.45rem
;
color
:
#babac2
;
text-align
:
center
;
text-decoration
:
none
;
border-bottom
:
none
;
overflow
:
hidden
;
}
.fine-brands
.brand
:nth-child
(
4n
)
{
border-right
:
none
;
}
.creative-life
{
background
:
#fff
;
}
.creative-life
.banner
{
display
:
block
;
}
.creative-life
.banner
img
{
width
:
100%
;
height
:
10.1rem
;
}
.creative-life
.classify-list
>
li
{
float
:
left
;
width
:
5.3rem
;
height
:
4.8rem
;
border-bottom
:
1px
solid
#e0e0e0
;
border-right
:
1px
solid
#e0e0e0
;
}
.creative-life
.classify-logo
{
display
:
table-cell
;
width
:
5.3rem
;
height
:
3.5rem
;
vertical-align
:
middle
;
}
.creative-life
.classify-logo
img
{
display
:
block
;
max-width
:
5.3rem
;
max-height
:
3.5rem
;
vertical-align
:
middle
;
margin
:
0
auto
;
}
.creative-life
.classify-name
{
line-height
:
1.3rem
;
font-size
:
0.65rem
;
color
:
#000
;
text-align
:
center
;
text-decoration
:
none
;
border-bottom
:
none
;
overflow
:
hidden
;
}
.creative-life
.classify
:nth-child
(
3n
)
{
border-right
:
0
;
}
.plus-star
img
{
display
:
block
;
width
:
100%
;
height
:
4.95rem
;
}
.h5-footer
{
font-size
:
12px
;
background-color
:
#fff
;
z-index
:
100
;
}
.h5-footer
a
{
color
:
#000
;
}
.h5-footer
.user-name
{
text-decoration
:
underline
;
}
.h5-footer
.op-row
{
position
:
relative
;
padding
:
0
0.75rem
;
height
:
1.5rem
;
line-height
:
1.5rem
;
}
.h5-footer
.back-to-top
{
position
:
absolute
;
right
:
0.5rem
;
}
.h5-footer
.copyright
{
height
:
1.5rem
;
line-height
:
1.5rem
;
text-align
:
center
;
color
:
#666
;
border-top
:
1px
solid
#ccc
;
background-color
:
#eee
;
}
.maybe-like
{
background
:
#fff
;
padding-left
:
0.375rem
;
border-top
:
1px
solid
#ccc
;
border-bottom
:
1px
solid
#ccc
;
margin-top
:
0.75rem
;
}
.maybe-like
.title
{
height
:
2.6rem
;
line-height
:
2.6rem
;
text-align
:
center
;
color
:
#dadada
;
}
.maybe-like
.icon
{
display
:
inline-block
;
height
:
0.775rem
;
width
:
0.775rem
;
background
:
url('../img/up-icon.png?1444716908')
no-repeat
;
background-size
:
100%
100%
;
}
.icons-wrapper
{
box-sizing
:
border-box
;
padding
:
0.75rem
0
0.4rem
;
background
:
#fff
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.icons-item
{
float
:
left
;
margin-bottom
:
0.25rem
;
width
:
25%
;
height
:
3.65rem
;
text-align
:
center
;
}
.imagebar
{
margin
:
0
auto
;
display
:
flex
;
display
:
-webkit-flex
;
width
:
2.45rem
;
height
:
2.45rem
;
border-radius
:
50%
;
border
:
0.05rem
solid
#e0e0e0
;
box-sizing
:
border-box
;
overflow
:
hidden
;
align-items
:
center
;
justify-content
:
center
;
}
.imagebar
img
{
max-width
:
80%
;
max-height
:
80%
;
}
.linkbar
{
display
:
block
;
line-height
:
1.1rem
;
font-size
:
0.6rem
;
color
:
#444
;
}
.trend-coll-wrapper
{
background
:
#fff
;
height
:
16.125rem
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.trend-coll-header
{
position
:
relative
;
widows
:
100%
;
}
.trend-coll-header
.trend-coll-title
{
width
:
100%
;
height
:
2.5rem
;
line-height
:
2.5rem
;
text-align
:
center
;
font-size
:
0.85rem
;
color
:
#747474
;
}
.trend-coll-header
.more
{
position
:
absolute
;
right
:
0.6rem
;
top
:
0.5rem
;
}
.trend-coll-content
{
padding
:
0
0.375rem
;
}
.trend-coll-content
.lspan
{
float
:
left
;
margin
:
0
0.375rem
;
}
.trend-coll-content
.rspan
{
float
:
right
;
margin
:
0
0.375rem
;
}
.lspanimg
{
display
:
block
;
float
:
right
;
width
:
6.875rem
;
height
:
6.875rem
;
}
.rspanimg
{
display
:
block
;
float
:
right
;
width
:
6.875rem
;
height
:
6.875rem
;
}
.trend-coll-tail
{
box-sizing
:
border-box
;
width
:
100%
;
height
:
6.675rem
;
clear
:
both
;
}
.recommend-title
{
widows
:
100%
;
height
:
2.5rem
;
line-height
:
2.5rem
;
text-align
:
center
;
font-size
:
0.85rem
;
}
.recommend-swiper
{
width
:
100%
;
height
:
3.5rem
;
overflow
:
hidden
;
}
.recommend-list
{
position
:
relative
;
}
.recommend-list
.recommend-item
{
float
:
left
;
padding-left
:
0.75rem
;
width
:
3.5rem
;
height
:
3.5rem
;
}
.recommend-list
.recommend-item
a
{
display
:
block
;
width
:
100%
;
height
:
100%
;
}
.recommend-list
.recommend-item
a
img
{
width
:
100%
;
height
:
100%
;
}
.trend-topic-wrapper
{
background
:
#fff
;
}
.trend-topic-content
{
position
:
relative
;
width
:
100%
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.trend-topic-content
.swiper-pagination
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
0.55rem
;
text-align
:
center
;
}
.trend-topic-content
.swiper-pagination
.pagination-inner
{
display
:
inline-block
;
}
.trend-topic-content
.swiper-pagination
span
{
float
:
left
;
width
:
0.4rem
;
height
:
0.4rem
;
margin
:
0
0.2rem
;
background
:
#efefef
;
border-radius
:
50%
;
}
.trend-topic-content
.swiper-pagination
span
.swiper-active-switch
{
background
:
#b0b0b0
;
}
.trend-topic-swiper
{
height
:
13.35rem
;
overflow
:
hidden
;
}
.trend-topic-swiper
ul
{
position
:
relative
;
}
.trend-topic-swiper
ul
li
{
float
:
left
;
height
:
13.35rem
;
}
.trend-topic-swiper
ul
li
.img-box
{
display
:
flex
;
display
:
-webkit-flex
;
height
:
9rem
;
margin
:
0
0.75rem
;
align-items
:
center
;
justify-content
:
center
;
}
.trend-topic-swiper
ul
li
.img-box
img
{
max-width
:
100%
;
max-height
:
100%
;
}
.trend-topic-swiper
ul
li
.item-content
{
margin
:
0.5rem
0.75rem
0
;
}
.trend-topic-swiper
ul
li
.item-content
.title
{
line-height
:
1.3rem
;
font-size
:
0.75rem
;
color
:
#000
;
}
.trend-topic-swiper
ul
li
.item-content
.time
{
margin
:
0.4rem
0
0
;
line-height
:
0.6rem
;
color
:
#afafaf
;
font-size
:
0.45rem
;
}
.trend-topic-swiper
ul
li
.item-content
.time
.time-icon
{
margin-right
:
0.2rem
;
font-size
:
0.35rem
;
}
.category-swiper
{
position
:
relative
;
height
:
10.075rem
;
overflow
:
hidden
;
}
.category-swiper
ul
li
{
float
:
left
;
width
:
100%
;
}
.category-swiper
ul
li
a
,
.category-swiper
ul
li
img
{
display
:
block
;
width
:
100%
;
height
:
100%
;
}
.category-swiper
.swiper-pagination
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
0.5rem
;
text-align
:
center
;
}
.category-swiper
.swiper-pagination
.pagination-inner
{
display
:
inline-block
;
}
.category-swiper
.swiper-pagination
.pagination-inner
span
{
display
:
inline-block
;
width
:
0.35rem
;
height
:
0.35rem
;
background
:
#fff
;
opacity
:
0.5
;
margin
:
0
0.225rem
;
border-radius
:
50%
;
}
.category-swiper
.swiper-pagination
.pagination-inner
span
.swiper-active-switch
{
opacity
:
1
;
}
.goods-category
.category-list
{
background
:
#f5f7f6
;
height
:
9.575rem
;
}
.goods-category
.category-list
li
{
float
:
left
;
width
:
4.775rem
;
height
:
4.525rem
;
padding
:
0.25rem
0
0
;
border-left
:
1px
solid
#e0e0e0
;
border-bottom
:
1px
solid
#e0e0e0
;
}
.goods-category
.category-list
li
.first-show
{
display
:
none
;
}
.goods-category
.category-list
li
.img-box
{
display
:
flex
;
display
:
-webkit-flex
;
height
:
3.5rem
;
align-items
:
center
;
justify-content
:
center
;
}
.goods-category
.category-list
li
.img-box
img
{
max-width
:
100%
;
max-height
:
100%
;
}
.goods-category
.category-list
li
.category-name
{
line-height
:
0.8rem
;
font-size
:
0.5rem
;
color
:
#444
;
text-align
:
center
;
}
.goods-category
.category-list
li
:first-child
{
width
:
6.325rem
;
height
:
8.375rem
;
border-left
:
none
;
padding
:
1.2rem
0
0
0
;
}
.goods-category
.category-list
li
:first-child
.first-show
{
display
:
block
;
line-height
:
1.1rem
;
font-size
:
0.75rem
;
color
:
#444
;
text-align
:
center
;
}
.goods-category
.category-list
li
:first-child
.img-box
{
height
:
5.5rem
;
}
.goods-category
.category-list
li
:first-child
.category-name
{
line-height
:
1rem
;
font-size
:
0.55rem
;
}
.hot-category
{
margin
:
0.75rem
0
0
;
border-top
:
1px
solid
#e0e0e0
;
}
.hot-category
.category-banner
{
height
:
4.95rem
;
}
.hot-category
.category-banner
img
{
display
:
block
;
width
:
100%
;
height
:
100%
;
}
.hot-category
.category-list
{
background
:
#fff
;
border-top
:
1px
solid
#e0e0e0
;
}
.hot-category
.category-list
li
{
float
:
left
;
width
:
3.95rem
;
height
:
4.35rem
;
border-bottom
:
1px
solid
#e0e0e0
;
border-left
:
1px
solid
#e0e0e0
;
}
.hot-category
.category-list
li
.img-box
{
width
:
100%
;
height
:
3.45rem
;
text-align
:
center
;
vertical-align
:
middle
;
}
.hot-category
.category-list
li
.img-box
img
{
max-width
:
100%
;
max-height
:
100%
;
vertical-align
:
middle
;
}
.hot-category
.category-list
li
.category-title
{
line-height
:
0.55rem
;
color
:
#aaa
;
font-size
:
0.45rem
;
text-align
:
center
;
}
/* @include keyframes(turn) {
1% {
@include rotateX(90deg);
background: image-url('yohologo02.png') no-repeat center center;
background-size: 100%
}
2% {
@include rotateX(180deg);
background: image-url('yohologo01.png') no-repeat center center;
background-size: 100%
}
3% {
@include rotateX(90deg);
background: image-url('yohologo02.png') no-repeat center center;
background-size: 100%
}
4% {
@include rotateX(0deg);
background: image-url('yohologo02.png') no-repeat center center;
background-size: 100%
}
100% {
@include rotateX(0deg);
background: image-url('yohologo02.png') no-repeat center center;
background-size: 100%
}
} */
.home-header
{
height
:
2.2rem
;
line-height
:
2.2rem
;
background-image
:
url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==')
;
background-size
:
100%
;
background-image
:
-webkit-gradient
(
linear
,
50%
0%
,
50%
100%
,
color-stop
(
0%
,
#323232
),
color-stop
(
100%
,
#414141
));
background-image
:
-moz-linear-gradient
(
#323232
,
#414141
);
background-image
:
-webkit-linear-gradient
(
#323232
,
#414141
);
background-image
:
linear-gradient
(
#323232
,
#414141
);
position
:
relative
;
}
.home-header
.iconfont
{
color
:
#fff
;
}
.home-header
.nav-btn
{
position
:
absolute
;
left
:
0.8rem
;
top
:
0
;
bottom
:
0
;
z-index
:
2
;
}
.home-header
.logo
{
display
:
block
;
margin
:
0
auto
;
width
:
5.2rem
;
height
:
2.175rem
;
background
:
url('../img/yohologo02.png?1444744151')
no-repeat
center
center
;
background-size
:
100%
;
/*@include animation(60s turn infinite);*/
}
.home-header
.logo.animate
{
background
:
url('../img/yohologo01.png?1444744151')
no-repeat
center
center
;
background-size
:
100%
;
}
.home-header
.search-btn
{
position
:
absolute
;
right
:
0.8rem
;
top
:
0
;
bottom
:
0
;
}
.home-header
.search-btn
a
{
color
:
#fff
;
}
.girls-wrap
.home-header
{
background
:
#FF88AE
;
}
.kids-wrap
.logo
{
font-style
:
italic
;
font-family
:
"helvetica"
,
"Arial"
,
"榛戜綋"
;
font-weight
:
bold
;
color
:
#fff
;
}
.mobile-container
{
width
:
100%
;
overflow
:
hidden
;
}
.mobile-wrap
{
position
:
relative
;
z-index
:
2
;
background
:
#f0f0f0
;
-moz-transition
:
-moz-transform
0.3s
;
-o-transition
:
-o-transform
0.3s
;
-webkit-transition
:
-webkit-transform
0.3s
;
transition
:
transform
0.3s
;
}
.mobile-wrap.menu-open
{
-moz-transform
:
translateX
(
13.5rem
);
-ms-transform
:
translateX
(
13.5rem
);
-webkit-transform
:
translateX
(
13.5rem
);
transform
:
translateX
(
13.5rem
);
-moz-transition
:
-moz-transform
0.3s
;
-o-transition
:
-o-transform
0.3s
;
-webkit-transition
:
-webkit-transform
0.3s
;
transition
:
transform
0.3s
;
}
.overlay
{
display
:
none
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
#000
;
opacity
:
0.3
;
z-index
:
99
;
}
.overlay.show
{
display
:
block
;
}
.login-tip
{
display
:
none
;
}
.category-page
{
font-size
:
0.75rem
;
}
.category-page
.search-input
{
position
:
relative
;
background-color
:
#f8f8f8
;
padding
:
0.325rem
0.5rem
;
}
.category-page
.search-input
p
{
box-sizing
:
border-box
;
width
:
100%
;
height
:
1.5rem
;
line-height
:
1.5rem
;
border
:
none
;
padding-left
:
1.325rem
;
border-radius
:
1.5rem
;
font-size
:
0.75rem
;
background
:
#fff
;
color
:
#999
;
}
.category-page
.search-icon
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
left
:
1.075rem
;
line-height
:
2.15rem
;
color
:
#999
;
}
.category-page
.category-nav
{
height
:
1.775rem
;
border-bottom
:
1px
solid
#e6e6e6
;
}
.category-page
.category-nav
li
{
display
:
block
;
box-sizing
:
border-box
;
float
:
left
;
height
:
100%
;
line-height
:
1.775rem
;
width
:
25%
;
text-align
:
center
;
border-right
:
1px
solid
#e6e6e6
;
color
:
#999
;
}
.category-page
.category-nav
li
:last-child
{
border-right
:
none
;
}
.category-page
.category-nav
li
.focus
{
color
:
#000
;
}
.category-page
.content.hide
{
display
:
none
;
}
.category-page
.primary-level
{
float
:
left
;
box-sizing
:
border-box
;
width
:
40%
;
background
:
#f8f8f8
;
}
.category-page
.primary-level
>
li
{
height
:
1.725rem
;
line-height
:
1.725rem
;
padding-left
:
0.8rem
;
}
.category-page
.primary-level
>
li
.focus
{
background-color
:
#fff
;
}
.category-page
.sub-level-container
{
float
:
left
;
box-sizing
:
border-box
;
padding-left
:
0.5rem
;
background
:
#fff
;
width
:
60%
;
}
.category-page
.sub-level
{
width
:
100%
;
}
.category-page
.sub-level.hide
{
display
:
none
;
}
.category-page
.sub-level
>
li
{
height
:
1.775rem
;
line-height
:
1.775rem
;
border-bottom
:
1px
solid
#e6e6e6
;
}
.category-page
.sub-level
>
li
:last-child
{
border-bottom
:
none
;
}
.newarrival-page
{
background-color
:
#f0f0f0
;
}
.newarrival-page
.swiper-container
{
width
:
100%
;
height
:
7.75rem
;
}
.newarrival-page
.swiper-container
img
{
height
:
100%
;
width
:
100%
;
}
.newarrival-page
.swiper-container
.swiper-pagination
{
bottom
:
0
;
left
:
0
;
width
:
100%
;
}
.newarrival-page
.swiper-container
.swiper-pagination-bullet-active
{
background
:
#fff
;
}
.newarrival-page
.newarrival-nav
{
width
:
100%
;
height
:
1.5rem
;
padding
:
0.25rem
0
;
background-color
:
#fff
;
}
.newarrival-page
.newarrival-nav-item
{
box-sizing
:
border-box
;
float
:
left
;
width
:
33.333333%
;
height
:
1.5rem
;
line-height
:
1.5rem
;
text-align
:
center
;
color
:
#ccc
;
border-right
:
1px
solid
#ccc
;
}
.newarrival-page
.newarrival-nav-item.focus
{
color
:
#000
;
}
.newarrival-page
.goods-list.hide
{
display
:
none
;
}
.discount-page
{
background-color
:
#f0f0f0
;
}
.discount-page
.swiper-container
{
width
:
100%
;
height
:
7.75rem
;
}
.discount-page
.swiper-container
img
{
height
:
100%
;
width
:
100%
;
}
.discount-page
.swiper-container
.swiper-pagination
{
bottom
:
0
;
left
:
0
;
width
:
100%
;
}
.discount-page
.swiper-container
.swiper-pagination-bullet-active
{
background
:
#fff
;
}
.discount-page
.discount-nav
{
width
:
100%
;
height
:
1.5rem
;
padding
:
0.25rem
0
;
background-color
:
#fff
;
}
.discount-page
.discount-nav-item
{
box-sizing
:
border-box
;
float
:
left
;
width
:
25%
;
height
:
1.5rem
;
line-height
:
1.5rem
;
text-align
:
center
;
color
:
#ccc
;
border-right
:
1px
solid
#ccc
;
}
.discount-page
.discount-nav-item.focus
{
color
:
#000
;
}
.discount-page
.goods-list.hide
{
display
:
none
;
}
.index-page
{
width
:
100%
;
overflow
:
hidden
;
margin
:
0
auto
;
}
.index-page
.index-container
{
position
:
relative
;
-moz-transition
:
-moz-transform
0.5s
;
-o-transition
:
-o-transform
0.5s
;
-webkit-transition
:
-webkit-transform
0.5s
;
transition
:
transform
0.5s
;
background-color
:
white
;
}
.index-page
.index-container
.index_header
{
height
:
2rem
;
line-height
:
2rem
;
overflow
:
hidden
;
padding
:
0
0.25rem
;
}
.index-page
.index-container
.index-channel
{
color
:
#FFF
;
text-align
:
center
;
position
:
relative
;
background-color
:
#000000
;
}
.index-page
.index-container
.index-channel
.index-channel-list
{
padding-top
:
50%
;
width
:
100%
;
position
:
absolute
;
top
:
0
;
}
.index-page
.index-container
.index-channel
.index-channel-list
.homestyle
{
margin-bottom
:
1.25rem
;
width
:
7.1825rem
;
}
...
...
Please
register
or
login
to post a comment