Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
YOHOOD
·
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
Plain Diff
Browse Files
Authored by
whb
10 years ago
Commit
1954b8d4cc9c2b022e43f6521295069da666ba45
2 parents
54a09b37
c3cf2bfc
master
...
develop
release_v1.3
release_v1.4
release_v1.5
release_v4
test
v1.1.1
v1.1.0
v1.0.2
v1.0.1
v1.0.0
修改h5
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
5 additions
and
5 deletions
res/css/index.css
res/css/mobile.css
res/js/mobile.js
website/view/script/activity/planmobile.php
res/css/index.css
View file @
1954b8d
html
,
body
,
div
,
span
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
code
,
del
,
dfn
,
em
,
img
,
q
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
i
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-weight
:
inherit
;
font-style
:
inherit
;
font-size
:
100%
;
font-family
:
inherit
;
vertical-align
:
baseline
}
body
{
line-height
:
1.5
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
caption
,
th
,
td
,
b
,
strong
{
text-align
:
left
;
font-weight
:
normal
}
table
,
td
,
th
{
vertical-align
:
middle
}
blockquote
:before
,
blockquote
:after
,
q
:before
,
q
:after
{
content
:
""
}
blockquote
,
q
{
quotes
:
""
""
}
a
img
{
border
:
none
}
em
,
cite
{
font-style
:
normal
}
body
{
background
:
#fff
;
font
:
12px
/
1.5
"arial"
,
"helvetica"
,
"微软雅黑"
;
color
:
#000
;
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
html
{
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
normal
;
color
:
#111
}
a
{
text-decoration
:
none
;
cursor
:
pointer
}
a
:focus
{
outline
:
none
}
dl
,
dt
,
dd
,
ul
,
li
{
list-style
:
none
}
.clearfix
:before
,
.clearfix
:after
{
content
:
""
;
display
:
table
}
.clearfix
:after
{
clear
:
both
}
.clearfix
{
zoom
:
1
;
*
zoom
:
1
}
@font-face
{
font-family
:
'iconfont'
;
src
:
url("../fonts/iconfont.eot")
;
src
:
url("../fonts/iconfont.eot?#iefix")
format
(
"embedded-opentype"
),
url("../fonts/iconfont.woff")
format
(
"woff"
),
url("../fonts/iconfont.ttf")
format
(
"truetype"
),
url("../fonts/iconfont.svg#iconfont")
format
(
"svg"
)}
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
0.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.yoho-nav
{
width
:
100%
;
height
:
34px
;
line-height
:
34px
;
background
:
#f4f4f4
;
border-bottom
:
1px
solid
#d8d8d8
}
.yoho-nav
ul
{
float
:
left
;
padding-left
:
10px
}
.yoho-nav
ul
li
{
float
:
left
;
position
:
relative
;
width
:
100px
;
cursor
:
pointer
}
.yoho-nav
ul
li
span
{
display
:
block
;
width
:
100%
;
height
:
100%
;
line-height
:
37px
;
text-align
:
center
}
.yoho-nav
ul
li
a
{
width
:
100%
;
height
:
100%
;
text-align
:
center
;
color
:
#000000
;
display
:
none
}
.yoho-nav
ul
li
a
:focus
{
outline
:
none
}
.yoho-nav
ul
li
.current
{
height
:
35px
;
line-height
:
35px
;
border-right
:
1px
solid
#d8d8d8
;
border-left
:
1px
solid
#d8d8d8
;
background
:
#fff
}
.yoho-nav
ul
li
:hover
span
{
display
:
none
}
.yoho-nav
ul
li
:hover
a
{
display
:
block
}
.yoho-nav
.contact-btn
{
float
:
right
;
margin
:
0
15px
;
color
:
#aaaaaa
}
.header
{
width
:
100%
;
padding
:
14px
0
0
0
}
.logo
{
margin
:
0
0
21px
0
;
height
:
79px
;
background
:
url("../images/yohood/logo.png")
no-repeat
center
center
}
@keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
122px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@-webkit-keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@-moz-keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@-ms-keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
.nav
{
border-top
:
2px
solid
#000
;
border-bottom
:
2px
solid
#000
;
overflow
:
hidden
}
.nav
ul
{
width
:
980px
;
margin
:
0
auto
}
.nav
ul
li
{
position
:
relative
;
float
:
left
;
line-height
:
44px
;
height
:
44px
;
width
:
122px
}
.nav
ul
li
a
{
position
:
relative
;
z-index
:
10
;
width
:
122px
;
display
:
none
;
font-size
:
14px
;
color
:
#fff
}
.nav
ul
li
a
:focus
{
outline
:
none
}
.nav
ul
li
span
{
display
:
block
;
text-align
:
center
;
font-size
:
14px
;
color
:
#000
}
.nav
ul
li
i
{
display
:
none
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
44px
;
height
:
44px
;
margin-left
:
-22px
;
margin-top
:
-22px
;
border-radius
:
50%
;
background
:
#000
;
z-index
:
9
}
.nav
ul
li
:hover
span
,
.nav
ul
li
.current
span
{
display
:
none
}
.nav
ul
li
.current
a
{
display
:
block
;
background
:
#000
;
text-align
:
center
}
.nav
ul
li
.current
i
{
display
:
none
}
.nav
ul
li
.animate
a
{
display
:
block
;
text-align
:
center
;
margin
:
0
auto
}
.nav
ul
li
.animate
i
{
display
:
block
;
animation
:
.5s
rainbow
forwards
;
-webkit-animation
:
.5s
rainbow
forwards
;
-moz-animation
:
.5s
rainbow
forwards
;
-ms-animation
:
.5s
rainbow
forwards
;
width
:
122px
\
9
;
margin-left
:
0
\
9
;
left
:
0
\
9
;
width
:
122px
\
0
;
margin-left
:
0
\
0
;
left
:
0
\
0
;
border-radius
:
0
\
0
}
.slide-main
{
position
:
relative
}
.slide-box
{
position
:
relative
;
margin
:
16px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.slide-box
.slide-wrap
{
height
:
468px
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
}
.slide-navigator
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
-32px
;
text-align
:
center
}
.slide-navigator
.dib
{
*
display
:
inline
!important
;
zoom
:
1
}
.slide-navigator
.dib
a
{
float
:
left
;
width
:
10px
;
height
:
10px
;
margin
:
0
10px
0
0
;
background-image
:
url("../images/yohood/sprites.png")
;
background-position
:
0
-144px
}
.slide-navigator
.dib
a
:focus
{
outline
:
none
}
.slide-navigator
.dib
.on
{
background-position
:
0
-124px
}
.slide-control
a
{
position
:
absolute
;
top
:
50%
;
margin
:
-28px
0
0
0
;
font-size
:
48px
;
color
:
#000
}
.slide-control
a
:focus
{
outline
:
none
}
.slide-control
.slide-prev
{
left
:
-70px
}
.slide-control
.slide-next
{
right
:
-70px
}
.content-tab
{
margin
:
30px
0
0
0
;
text-align
:
center
}
.content-tab
ul
{
display
:
inline-block
;
*
display
:
inline
!important
;
*
zoom
:
1
}
.content-tab
ul
li
{
float
:
left
;
margin-left
:
18px
}
.content-tab
ul
li
a
{
display
:
block
;
padding
:
0
10px
;
line-height
:
30px
;
color
:
#000
;
border
:
1px
solid
#000
;
border-radius
:
2px
;
font-size
:
14px
}
.content-tab
ul
li
a
:focus
{
outline
:
none
}
.content-tab
ul
:first-child
{
margin-left
:
0
}
.content-tab
ul
li
.current
a
{
background
:
#000
;
color
:
#fff
}
.main-layout
{
width
:
1008px
}
.main-layout
.layout-item
{
float
:
left
;
width
:
308px
;
margin
:
0
28px
26px
0
}
.main-layout
.layout-item
.image-box
{
position
:
relative
}
.main-layout
.layout-item
.image-box
a
{
display
:
block
}
.main-layout
.layout-item
.image-box
a
img
{
display
:
block
;
margin
:
0
auto
;
max-width
:
100%
}
.main-layout
.layout-item
.image-box
a
:focus
{
outline
:
none
}
.main-layout
.layout-item
.image-box
.item-tag
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
padding
:
0
11px
;
background
:
#000
;
line-height
:
26px
;
font-size
:
14px
;
color
:
#fff
}
.main-layout
.layout-item
.image-box
.play-icon
{
position
:
absolute
;
width
:
50px
;
height
:
43px
;
background
:
url("../images/yohood/play.png")
;
background-size
:
100%
100%
;
left
:
50%
;
top
:
50%
;
margin
:
-22px
0
0
-25px
}
.main-layout
.layout-item
.image-box
.play-icon.small
{
background
:
url("../images/yohood/play-small.png")
}
.main-layout
.layout-item
.content
h2
{
margin
:
15px
0
0
0
}
.main-layout
.layout-item
.content
h2
a
{
line-height
:
24px
;
font-size
:
20px
;
font-weight
:
bold
;
color
:
#000
}
.main-layout
.layout-item
.content
h2
a
:focus
{
outline
:
none
}
.main-layout
.layout-item
.content
p
{
margin
:
8px
0
0
0
;
font-size
:
14px
;
color
:
#000
;
line-height
:
20px
}
.main-layout
.layout-item
.content
.time
{
margin
:
0
;
color
:
#b2b2b2
;
font-size
:
12px
}
.pagination
{
margin
:
56px
0
0
0
;
text-align
:
center
}
.pagination
.pagination-inner
{
display
:
inline-block
;
*
display
:
inline
!important
;
zoom
:
1
}
.pagination
.pagination-inner
a
{
float
:
left
;
width
:
36px
;
height
:
30px
;
line-height
:
30px
;
font-size
:
14px
;
color
:
#999997
}
.pagination
.pagination-inner
a
:focus
{
outline
:
none
}
.pagination
.pagination-inner
.current
{
background
:
#000
;
color
:
#fff
;
border-radius
:
2px
}
.cooperation-list
{
width
:
1005px
;
margin
:
12px
0
0
0
}
.cooperation-list
li
{
float
:
left
;
margin
:
0
27px
27px
0
}
.cooperation-list
li
a
{
display
:
block
}
.cooperation-list
li
a
:focus
{
outline
:
none
}
.cooperation-list
li
.img-box
{
width
:
172px
;
height
:
116px
;
overflow
:
hidden
;
border
:
1px
solid
#e0e0e0
;
display
:
table-cell
;
vertical-align
:
middle
;
text-align
:
center
}
.cooperation-list
li
.img-box
:hover
{
border
:
1px
solid
#000
}
.cooperation-list
li
p
{
margin
:
16px
0
0
0
;
line-height
:
16px
;
text-align
:
center
;
color
:
#000
}
.limited-goods
{
position
:
relative
;
padding
:
30px
0
30px
0
;
background
:
#333333
}
.limited-goods
h2
{
font-size
:
24px
;
color
:
#8b8b8b
;
font-weight
:
bold
;
text-align
:
center
;
background
:
url("../images/yohood/limited-line.png")
no-repeat
center
center
}
.limited-slide-box
{
position
:
relative
;
width
:
944px
;
margin
:
28px
auto
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.limited-slide-box
.slide-wrap
{
position
:
relative
;
overflow
:
hidden
}
.limited-slide-box
.box
{
position
:
relative
;
float
:
left
;
width
:
100%
}
.goods-list
{
width
:
992px
}
.goods-list
li
{
float
:
left
;
width
:
150px
;
margin
:
0
48px
0
0
}
.goods-list
li
.img-box
{
position
:
relative
;
height
:
200px
;
text-align
:
center
;
overflow
:
hidden
}
.goods-list
li
.img-box
img
{
width
:
100%
}
.goods-list
li
.img-box
span
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
width
:
55px
;
height
:
25px
;
line-height
:
25px
;
background
:
#000
;
color
:
#fff
;
font-size
:
14px
;
text-align
:
center
}
.goods-list
li
.img-box
span
.red
{
background
:
#ef3d00
}
.goods-list
li
.goods-name
{
margin
:
5px
0
0
0
;
line-height
:
18px
;
font-size
:
14px
;
color
:
#ccc
}
.goods-list
li
.price
{
margin
:
6px
0
0
0
;
line-height
:
18px
;
color
:
#ccc
;
font-size
:
12px
}
.goods-list
li
.price
.original-price
{
color
:
#999
;
text-decoration
:
line-through
;
margin-right
:
4px
}
.limited-slide-control
a
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
font-size
:
30px
;
color
:
#ebebeb
}
.limited-slide-control
a
:focus
{
outline
:
none
}
.limited-slide-control
.limited-slide-prev
{
margin-left
:
-510px
}
.limited-slide-control
.limited-slide-next
{
margin-left
:
480px
}
.limited-slide-control
.disable
{
color
:
#4a4a4a
}
.return-top
{
position
:
fixed
;
bottom
:
410px
;
left
:
50%
;
margin-left
:
600px
}
.return-top
a
{
color
:
#000
}
.return-top
span
{
display
:
block
}
.img-zoom
{
display
:
none
;
position
:
fixed
;
z-index
:
102
;
left
:
50%
;
top
:
50%
}
.img-zoom
img
{
display
:
block
}
.img-zoom.show
{
display
:
block
}
.overlay
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
background
:
#000
\
9
;
filter
:
alpha
(
opacity
=
50
)
\
9
;
width
:
100%
\
9
;
height
:
100%
\
9
;
z-index
:
101
}
.overlay.show
{
display
:
block
}
.share
{
position
:
absolute
;
z-index
:
99
;
left
:
50%
;
top
:
367px
;
margin-left
:
-596px
}
.share
h4
{
font-size
:
14px
;
margin-bottom
:
5px
}
.share
li
{
position
:
relative
;
width
:
34px
;
height
:
34px
;
margin-bottom
:
13px
}
.share
li
img
{
display
:
block
;
width
:
100%
}
.share
.wx-qrcode-dialog
{
display
:
none
;
position
:
absolute
;
background
:
#fff
url("../images/yohood/share-wx-bg.png")
;
width
:
223px
;
height
:
220px
;
left
:
50px
;
top
:
-88px
;
padding
:
12px
0
0
0
;
text-align
:
center
}
.share
.wx-qrcode-dialog
.wx-popup-hd
{
margin-bottom
:
5px
;
font-size
:
16px
}
.share
.wx-qrcode-dialog
.wx-popup-bd
{
width
:
125px
;
height
:
125px
;
margin
:
0
auto
}
.share
.wx-qrcode-dialog
.wx-popup-bd
img
{
display
:
block
;
width
:
100%
}
.share
.wx-qrcode-dialog
.wx-popup-ft
{
font-size
:
14px
}
.ft
{
width
:
100%
}
.bd
{
width
:
980px
;
margin
:
0
auto
}
.wrapper
{
width
:
980px
;
margin
:
0
auto
}
.slide-main
{
position
:
relative
}
.slide-box
{
position
:
relative
;
margin
:
16px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.slide-box
.slide-wrap
{
height
:
468px
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
}
.slide-navigator
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
-32px
;
text-align
:
center
}
.slide-navigator
.dib
{
display
:
inline-block
}
.slide-navigator
.dib
a
{
float
:
left
;
width
:
10px
;
height
:
10px
;
margin
:
0
10px
0
0
;
background-image
:
url("../images/yohood/sprites.png")
;
background-position
:
0
-144px
}
.slide-navigator
.dib
.on
{
background-position
:
0
-124px
}
.slide-control
a
{
position
:
absolute
;
top
:
50%
;
margin
:
-28px
0
0
0
;
font-size
:
48px
;
color
:
#000
}
.slide-control
.slide-prev
{
left
:
-70px
}
.slide-control
.slide-next
{
right
:
-70px
}
.content-wrap
{
margin
:
50px
0
0
0
}
.cooperation
{
position
:
relative
;
margin
:
48px
0
;
height
:
118px
;
border
:
1px
solid
#000
}
.cooperation-slide-box
{
position
:
relative
;
width
:
800px
;
margin
:
0
auto
;
padding
:
28px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.cooperation-slide-box
.slide-wrap
{
position
:
relative
;
overflow
:
hidden
}
.cooperation-slide-box
.slide-wrap
.box
{
position
:
relative
;
float
:
left
;
width
:
100%
}
.cooperation
.partner
{
float
:
left
;
margin
:
0
50px
0
0
}
.cooperation
.media
{
float
:
left
;
height
:
68px
;
padding
:
0
0
0
50px
;
border-left
:
1px
solid
#000
}
.cooperation
h2
{
font-size
:
14px
;
line-height
:
20px
}
.cooperation
ul
li
{
float
:
left
;
height
:
60px
;
width
:
132px
}
.cooperation
ul
li
a
{
width
:
132px
;
height
:
60px
;
display
:
table-cell
;
vertical-align
:
middle
;
text-align
:
center
}
.cooperation
.partner
ul
li
,
.cooperation
.media
ul
li
{
width
:
115px
}
.cooperation
.partner
ul
li
a
,
.cooperation
.media
ul
li
a
{
width
:
115px
}
.cooperation-slide-control
a
{
position
:
absolute
;
top
:
50%
;
margin-top
:
-16px
;
color
:
#000
;
font-size
:
26px
}
.cooperation-slide-control
.cooperation-slide-prev
{
left
:
20px
}
.cooperation-slide-control
.cooperation-slide-next
{
right
:
20px
}
.cooperation-slide-control
.disable
{
color
:
#d9d9d9
}
.activity-main
{
margin
:
30px
0
50px
0
}
.activity-content
{
display
:
none
}
.activity-content
:first-child
{
display
:
block
}
.activity-content.current
{
display
:
block
}
.activity-content
.section
{
width
:
820px
;
text-align
:
center
;
margin
:
0
auto
20px
}
.activity-content
.section
p
{
text-align
:
left
;
font-size
:
14px
;
line-height
:
18px
;
color
:
#000
}
.activity-content
.section
h4
{
text-align
:
left
;
font-weight
:
bold
}
.video-wrap
.layout-item
{
height
:
362px
;
margin
:
0
28px
0
0
}
.video-wrap
.layout-item
.image-box
{
height
:
198px
;
overflow
:
hidden
}
.video-wrap
.layout-item
.image-box
img
{
width
:
100%
}
.activity-cooperation
.section
{
text-align
:
left
;
margin
:
0
0
12px
0
}
.activity-cooperation
.section
h2
{
color
:
#000
;
line-height
:
20px
;
font-size
:
18px
;
font-weight
:
bold
}
.contant-tab
{
margin
:
30px
0
0
0
;
text-align
:
center
}
.contant-tab
ul
{
display
:
inline-block
}
.contant-tab
ul
li
{
float
:
left
;
margin-left
:
18px
}
.contant-tab
ul
li
a
{
display
:
block
;
padding
:
0
10px
;
line-height
:
30px
;
color
:
#000
;
border
:
2px
solid
#7e7e7e
;
border-radius
:
2px
;
font-size
:
14px
}
.contant-tab
ul
:first-child
{
margin-left
:
0
}
.contant-tab
ul
li
.current
a
{
background
:
#000
;
color
:
#fff
}
.news-tab
ul
li
{
margin-left
:
8px
}
.news-main
{
margin
:
30px
0
50px
0
}
.brand-main
{
margin
:
50px
0
}
.search-wrap
{
position
:
relative
;
width
:
306px
;
height
:
36px
;
margin
:
0
auto
;
padding
:
0
;
line-height
:
36px
}
.search-wrap
input
{
width
:
260px
;
height
:
36px
;
line-height
:
36px
\
9
;
padding
:
0
36px
0
10px
;
margin
:
0
;
border
:
none
;
background
:
url("../images/yohood/search-bg.png")
;
outline
:
none
}
.search-wrap
.search-btn
{
position
:
absolute
;
top
:
0px
;
right
:
10px
;
color
:
#000
;
font-weight
:
bold
}
.search-wrap
.search-btn
:focus
{
outline
:
none
}
.brand-content
{
margin
:
38px
0
0
0
}
.brand-content
.no-search
{
display
:
none
;
margin
:
100px
0
120px
0
;
text-align
:
center
;
line-height
:
22px
;
font-size
:
16px
}
.brand-content
.no-search
a
{
font-size
:
16px
;
color
:
#000
}
.brand-content
.no-search
a
:hover
{
text-decoration
:
underline
}
.brand-list
li
{
float
:
left
}
.brand-introduction
{
display
:
none
;
position
:
fixed
;
width
:
644px
;
max-height
:
604px
;
top
:
50%
;
left
:
50%
;
margin
:
-314px
0
0
-352px
;
padding
:
24px
30px
30px
;
z-index
:
102
;
background
:
#fff
}
.brand-introduction
h2
{
font-size
:
18px
;
color
:
#000
;
line-height
:
20px
}
.brand-introduction
.brand-info
{
margin
:
20px
0
0
0
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
#e0e0e0
}
.brand-introduction
.brand-info
.pic
{
float
:
left
;
width
:
200px
;
height
:
200px
;
overflow
:
hidden
;
margin-top
:
6px
}
.brand-introduction
.brand-info
.pic
img
{
width
:
100%
}
.brand-introduction
.brand-info
.text
{
float
:
left
;
margin
:
0
0
0
29px
}
.brand-introduction
.brand-info
.text
p
{
width
:
414px
;
max-height
:
192px
;
overflow-x
:
hidden
;
margin
:
0
;
line-height
:
24px
;
font-size
:
14px
}
.brand-introduction
.brand-info
.text
a
{
display
:
block
;
width
:
94px
;
height
:
33px
;
margin-top
:
15px
;
padding-left
:
34px
;
line-height
:
35px
;
border
:
1px
solid
#000
;
border-radius
:
4px
;
background
:
#fff
;
color
:
#000
;
background
:
url("../images/yohood/enter-store.png")
no-repeat
10px
center
}
.brand-introduction
.brand-close-btn
{
position
:
absolute
;
color
:
#b2b2b2
;
top
:
10px
;
right
:
10px
}
.related-post
h3
{
margin-top
:
28px
;
line-height
:
22px
;
font-size
:
18px
}
.related-post
.post-list
{
margin-top
:
17px
;
width
:
666px
}
.related-post
.post-list
.layout-item
{
float
:
left
;
width
:
200px
;
margin-right
:
22px
}
.related-post
.post-list
.layout-item
.image-box
{
height
:
128px
;
overflow
:
hidden
}
.related-post
.post-list
.layout-item
.content
h2
{
margin
:
8px
0
0
0
;
line-height
:
20px
}
.related-post
.post-list
.layout-item
.content
h2
a
{
font-size
:
14px
;
font-weight
:
normal
}
.video-list
{
margin
:
28px
0
50px
}
.site-activity-date
{
margin
:
38px
0
0
0
;
width
:
120px
;
line-height
:
38px
;
font-size
:
22px
;
color
:
#000
;
border-bottom
:
4px
solid
#000
;
text-align
:
center
}
.site-activity-content
{
float
:
left
;
width
:
738px
}
.site-activity-content
.main-layout
{
width
:
auto
;
border-left
:
2px
solid
#e0e0e0
;
margin-left
:
96px
;
padding-bottom
:
50px
}
.site-activity-content
.main-layout
.layout-section
{
width
:
auto
;
position
:
relative
;
padding-top
:
84px
}
.site-activity-content
.main-layout
.layout-section
.site-activity-intro
{
position
:
absolute
;
top
:
28px
;
left
:
18px
;
background
:
#000
;
border-radius
:
2px
;
padding
:
0
15px
;
color
:
#fff
;
line-height
:
28px
}
.site-activity-content
.main-layout
.layout-section
.site-activity-intro
span
{
position
:
absolute
;
left
:
-6px
;
top
:
0
;
width
:
6px
;
height
:
17px
;
background
:
url("../images/yohood/site-activity-intro-icon.png")
no-repeat
}
.site-activity-content
.main-layout
.layout-section
.site-activity-time
{
position
:
absolute
;
color
:
#000
;
left
:
-98px
;
top
:
35px
}
.site-activity-content
.main-layout
.layout-section
.site-activity-icon
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
40px
;
left
:
-6px
;
background
:
url("../images/yohood/site-activity-icon.png")
no-repeat
}
.site-activity-content
.layout-item
{
float
:
none
;
width
:
630px
;
margin
:
0
0
0
18px
}
.site-activity-content
.layout-item
.image-box
{
float
:
left
;
width
:
310px
;
height
:
174px
;
overflow
:
hidden
}
.site-activity-content
.layout-item
.image-box
a
{
display
:
table-cell
;
width
:
310px
;
height
:
174px
;
text-align
:
center
;
vertical-align
:
middle
}
.site-activity-content
.layout-item
.content
{
float
:
left
;
margin-left
:
28px
;
width
:
290px
}
.site-activity-tab
{
float
:
right
;
margin-top
:
79px
}
.site-activity-tab
h4
{
line-height
:
42px
;
padding-top
:
14px
;
border-top
:
1px
dashed
#979797
;
font-size
:
14px
;
text-align
:
center
}
.site-activity-tab
li
{
width
:
130px
;
margin-bottom
:
18px
;
line-height
:
42px
;
background
:
#fff
;
text-align
:
center
;
font-size
:
14px
;
border
:
2px
solid
#7e7e7e
;
border-radius
:
2px
}
.site-activity-tab
li
a
{
display
:
block
;
color
:
#000
}
.site-activity-tab
.current
{
border-radius
:
0
;
background
:
#000
;
border-color
:
#000
}
.site-activity-tab
.current
a
{
color
:
#fff
}
.site-activity-tab
.disable
{
border-color
:
#ccc
}
.site-activity-tab
.disable
a
{
color
:
#ccc
;
cursor
:
default
}
.show-title
{
line-height
:
98px
;
font-size
:
32px
;
color
:
#0099bb
;
text-align
:
center
}
.show-wrap
{
padding-bottom
:
50px
}
.show-wrap
.layout-item
{
height
:
396px
}
.show-wrap
.layout-item
.image-box
{
height
:
308px
;
overflow
:
hidden
}
.show-wrap
.layout-item
.image-box
img
{
width
:
100%
;
height
:
100%
}
.show-wrap
.layout-item
.image-box
.pic-tip
{
display
:
block
;
position
:
absolute
;
left
:
80px
;
top
:
80px
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
color
:
#009abe
;
text-decoration
:
none
;
height
:
18px
;
line-height
:
18px
;
padding
:
0
5px
;
border-radius
:
11px
;
font-family
:
'Helvetica'
;
font-weight
:
bold
;
box-shadow
:
1px
2px
2px
rgba
(
0
,
0
,
0
,
0.5
)}
.show-wrap
.layout-item
.image-box
.pic-tip
:after
{
position
:
absolute
;
content
:
""
;
background-image
:
url("../images/yohood/vedio-btn.png")
;
background-repeat
:
no-repeat
;
background-position
:
0
-55px
;
background-size
:
30px
310px
;
width
:
7px
;
height
:
5px
;
top
:
13px
;
left
:
-2px
}
.img-zoom
.pic-tip
{
display
:
block
;
position
:
absolute
;
left
:
80px
;
top
:
80px
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
color
:
#009abe
;
text-decoration
:
none
;
height
:
18px
;
line-height
:
18px
;
padding
:
0
5px
;
border-radius
:
11px
;
font-family
:
'Helvetica'
;
font-weight
:
bold
;
box-shadow
:
1px
2px
2px
rgba
(
0
,
0
,
0
,
0.5
)}
.img-zoom
.pic-tip
:after
{
position
:
absolute
;
content
:
""
;
background-image
:
url("../images/yohood/vedio-btn.png")
;
background-repeat
:
no-repeat
;
background-position
:
0
-55px
;
background-size
:
30px
310px
;
width
:
7px
;
height
:
5px
;
top
:
13px
;
left
:
-2px
}
.img-zoom
.close-btn
{
position
:
absolute
;
top
:
6px
;
right
:
-58px
;
width
:
27px
;
height
:
27px
;
background-image
:
url("../images/yohood/close-btn.png")
;
background-size
:
100%
100%
}
.detail-title
{
margin
:
48px
0
28px
;
font-size
:
28px
}
.detail-title
h2
,
.detail-title
h3
{
line-height
:
40px
;
font-weight
:
bold
}
.detail-title
.time
{
font-size
:
12px
;
color
:
#b2b2b2
;
line-height
:
24px
}
.detail-body
{
float
:
left
;
width
:
644px
}
.detail-body
img
{
max-width
:
100%
}
.detail-slide
{
margin-bottom
:
20px
}
.detail-slide-body
{
position
:
relative
;
width
:
100%
;
height
:
415px
;
overflow
:
hidden
}
.detail-slide-body
.detail-slide-piclist
{
height
:
415px
;
overflow
:
hidden
;
position
:
relative
}
.detail-slide-body
.detail-slide-piclist
.box
{
float
:
left
;
width
:
644px
;
height
:
415px
;
line-height
:
415px
;
position
:
relative
;
background
:
#000
;
text-align
:
center
}
.detail-slide-body
.detail-slide-piclist
.box
img
{
max-width
:
100%
;
vertical-align
:
middle
}
.slide-box
{
position
:
relative
;
margin
:
16px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.slide-box
.slide-wrap
{
height
:
468px
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
}
.slide-shadow
a
{
position
:
absolute
;
width
:
322px
;
top
:
0
;
bottom
:
0
}
.slide-shadow
a
:focus
{
outline
:
none
}
.slide-shadow
.slide-shadow-prev
{
left
:
0
}
.slide-shadow
.slide-shadow-next
{
right
:
0
}
.detail-slide-big-ctrl
a
{
display
:
none
;
position
:
absolute
;
font-size
:
40px
;
top
:
50%
;
color
:
#fff
;
margin-top
:
-30px
;
z-index
:
20
}
.detail-slide-big-ctrl
a
:focus
{
outline
:
none
}
.detail-slide-big-ctrl
.slide-big-ctrl-prev
{
left
:
5px
}
.detail-slide-big-ctrl
.slide-big-ctrl-next
{
right
:
5px
}
.detail-slide-ctrl
{
padding
:
15px
0
0
0
;
width
:
100%
;
height
:
65px
;
overflow
:
hidden
;
position
:
relative
}
.detail-slide-ctrl
.detail-slide-ctrl-prev
,
.detail-slide-ctrl
.detail-slide-ctrl-next
{
display
:
none
;
position
:
absolute
;
top
:
15px
;
width
:
30px
;
height
:
65px
;
line-height
:
65px
;
background
:
rgba
(
230
,
230
,
230
,
0.9
);
font-size
:
18px
;
text-align
:
center
;
color
:
#000
}
.detail-slide-ctrl
.detail-slide-ctrl-prev
{
left
:
0
}
.detail-slide-ctrl
.detail-slide-ctrl-next
{
right
:
0
}
.detail-slide-ctrl-tabs
{
position
:
relative
;
left
:
0
;
top
:
0
}
.detail-slide-ctrl-tabs
li
{
position
:
relative
;
float
:
left
;
padding
:
0
0
0
9px
}
.detail-slide-ctrl-tabs
li
img
{
display
:
block
;
width
:
100px
;
height
:
65px
}
.detail-slide-ctrl-tabs
li
:first-child
{
padding
:
0
}
.detail-slide-ctrl-tabs
li
:first-child
.current
.border
{
left
:
0px
}
.detail-slide-ctrl-tabs
li
.current
.border
{
position
:
absolute
;
left
:
7px
;
right
:
0px
;
top
:
0px
;
bottom
:
0px
;
border
:
2px
solid
#000
}
.detail-slide-ctrl-tabs
li
.current
.arrow
{
position
:
absolute
;
top
:
-9px
;
left
:
50%
;
margin
:
0
0
0
-9px
;
width
:
0
;
height
:
0
;
border-left
:
9px
solid
transparent
;
border-right
:
9px
solid
transparent
;
border-bottom
:
9px
solid
black
}
.text-body
{
margin
:
0
0
25px
0
;
font-size
:
14px
;
line-height
:
28px
}
.text-body
p
{
margin
:
25px
0
}
.detail-related-post
h3
{
font-weight
:
bold
}
.detail-side
{
width
:
280px
;
float
:
right
;
padding-bottom
:
62px
}
.detail-ad
li
{
margin-bottom
:
15px
}
.detail-ad
li
img
{
display
:
block
}
.app-download
{
width
:
278px
;
height
:
158px
;
margin-top
:
28px
;
border
:
1px
solid
#000
}
.app-download
.qr
{
float
:
left
;
margin
:
22px
0
0
18px
;
width
:
114px
;
height
:
114px
}
.app-download
.qr
img
{
display
:
block
;
width
:
100%
}
.app-download
.download-text
{
float
:
left
;
margin
:
20px
0
38px
12px
;
width
:
108px
}
.app-download
.download-text
img
{
display
:
block
;
width
:
50px
}
.app-download
.download-text
p
{
font-size
:
12px
;
color
:
#666
}
.app-download
.download-text
.yoho-name
{
font-size
:
18px
;
color
:
#000
;
font-weight
:
bold
}
.side-related-tab
{
border-bottom
:
1px
solid
#000
}
.side-related-tab
a
{
float
:
left
;
width
:
140px
;
text-align
:
center
;
font-size
:
18px
;
line-height
:
38px
;
color
:
#000
;
font-weight
:
bold
}
.side-related-tab
a
.current
{
border-bottom
:
2px
solid
#000
}
.side-related-list
{
display
:
none
}
.side-related-list.current
{
display
:
block
}
.side-related-list
.layout-item
{
float
:
none
;
margin
:
20px
0
0
0
}
.side-related-list
.layout-item
.image-box
{
float
:
left
;
width
:
82px
;
height
:
53px
;
overflow
:
hidden
}
.side-related-list
.layout-item
.image-box
img
{
display
:
block
;
width
:
100%
;
height
:
100%
}
.side-related-list
.layout-item
.image-box
.play-icon
{
width
:
20px
;
height
:
20px
;
margin
:
-10px
0
0
-10px
}
.side-related-list
.layout-item
.content
{
float
:
left
;
margin-left
:
16px
;
width
:
182px
}
.side-related-list
.layout-item
.content
h2
{
margin
:
0
}
.side-related-list
.layout-item
.content
h2
a
{
font-size
:
14px
;
font-weight
:
normal
;
line-height
:
20px
}
.contact-us
{
padding
:
20px
0
30px
}
.contact-us-section
{
text-align
:
center
;
font-size
:
16px
;
line-height
:
28px
}
html
,
body
,
div
,
span
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
code
,
del
,
dfn
,
em
,
img
,
q
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
i
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-weight
:
inherit
;
font-style
:
inherit
;
font-size
:
100%
;
font-family
:
inherit
;
vertical-align
:
baseline
}
body
{
line-height
:
1.5
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
caption
,
th
,
td
,
b
,
strong
{
text-align
:
left
;
font-weight
:
normal
}
table
,
td
,
th
{
vertical-align
:
middle
}
blockquote
:before
,
blockquote
:after
,
q
:before
,
q
:after
{
content
:
""
}
blockquote
,
q
{
quotes
:
""
""
}
a
img
{
border
:
none
}
em
,
cite
{
font-style
:
normal
}
body
{
background
:
#fff
;
font
:
12px
/
1.5
"arial"
,
"helvetica"
,
"微软雅黑"
;
color
:
#000
;
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
html
{
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
normal
;
color
:
#111
}
a
{
text-decoration
:
none
;
cursor
:
pointer
}
a
:focus
{
outline
:
none
}
dl
,
dt
,
dd
,
ul
,
li
{
list-style
:
none
}
.clearfix
:before
,
.clearfix
:after
{
content
:
""
;
display
:
table
}
.clearfix
:after
{
clear
:
both
}
.clearfix
{
zoom
:
1
;
*
zoom
:
1
}
@font-face
{
font-family
:
'iconfont'
;
src
:
url("../fonts/iconfont.eot")
;
src
:
url("../fonts/iconfont.eot?#iefix")
format
(
"embedded-opentype"
),
url("../fonts/iconfont.woff")
format
(
"woff"
),
url("../fonts/iconfont.ttf")
format
(
"truetype"
),
url("../fonts/iconfont.svg#iconfont")
format
(
"svg"
)}
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
0.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.yoho-nav
{
width
:
100%
;
height
:
34px
;
line-height
:
34px
;
background
:
#f4f4f4
;
border-bottom
:
1px
solid
#d8d8d8
}
.yoho-nav
ul
{
float
:
left
;
padding-left
:
10px
}
.yoho-nav
ul
li
{
float
:
left
;
position
:
relative
;
width
:
100px
;
cursor
:
pointer
}
.yoho-nav
ul
li
span
{
display
:
block
;
width
:
100%
;
height
:
100%
;
line-height
:
37px
;
text-align
:
center
}
.yoho-nav
ul
li
a
{
width
:
100%
;
height
:
100%
;
text-align
:
center
;
color
:
#000000
;
display
:
none
}
.yoho-nav
ul
li
a
:focus
{
outline
:
none
}
.yoho-nav
ul
li
.current
{
height
:
35px
;
line-height
:
35px
;
border-right
:
1px
solid
#d8d8d8
;
border-left
:
1px
solid
#d8d8d8
;
background
:
#fff
}
.yoho-nav
ul
li
:hover
span
{
display
:
none
}
.yoho-nav
ul
li
:hover
a
{
display
:
block
}
.yoho-nav
.contact-btn
{
float
:
right
;
margin
:
0
15px
;
color
:
#aaaaaa
}
.header
{
width
:
100%
;
padding
:
14px
0
0
0
}
.logo
{
margin
:
0
0
21px
0
;
height
:
79px
;
background
:
url("../images/yohood/logo.png")
no-repeat
center
center
}
@keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
122px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@-webkit-keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@-moz-keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@-ms-keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
@keyframes
rainbow
{
90
%
{
border-radius
:
50%
;
width
:
144px
;
height
:
144px
;
margin
:
-50px
0
0
-16px
}
100
%
{
border-radius
:
0
;
width
:
126px
;
height
:
44px
;
top
:
0
;
left
:
0
;
margin
:
0
}}
.nav
{
border-top
:
2px
solid
#000
;
border-bottom
:
2px
solid
#000
;
overflow
:
hidden
}
.nav
ul
{
width
:
980px
;
margin
:
0
auto
}
.nav
ul
li
{
position
:
relative
;
float
:
left
;
line-height
:
44px
;
height
:
44px
;
width
:
122px
}
.nav
ul
li
a
{
position
:
relative
;
z-index
:
10
;
width
:
122px
;
display
:
none
;
font-size
:
14px
;
color
:
#fff
}
.nav
ul
li
a
:focus
{
outline
:
none
}
.nav
ul
li
span
{
display
:
block
;
text-align
:
center
;
font-size
:
14px
;
color
:
#000
}
.nav
ul
li
i
{
display
:
none
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
44px
;
height
:
44px
;
margin-left
:
-22px
;
margin-top
:
-22px
;
border-radius
:
50%
;
background
:
#000
;
z-index
:
9
}
.nav
ul
li
:hover
span
,
.nav
ul
li
.current
span
{
display
:
none
}
.nav
ul
li
.current
a
{
display
:
block
;
background
:
#000
;
text-align
:
center
}
.nav
ul
li
.current
i
{
display
:
none
}
.nav
ul
li
.animate
a
{
display
:
block
;
text-align
:
center
;
margin
:
0
auto
}
.nav
ul
li
.animate
i
{
display
:
block
;
animation
:
.5s
rainbow
forwards
;
-webkit-animation
:
.5s
rainbow
forwards
;
-moz-animation
:
.5s
rainbow
forwards
;
-ms-animation
:
.5s
rainbow
forwards
;
width
:
122px
\
9
;
margin-left
:
0
\
9
;
left
:
0
\
9
;
width
:
122px
\
0
;
margin-left
:
0
\
0
;
left
:
0
\
0
;
border-radius
:
0
\
0
}
.slide-main
{
position
:
relative
}
.slide-box
{
position
:
relative
;
margin
:
16px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.slide-box
.slide-wrap
{
height
:
468px
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
}
.slide-navigator
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
-32px
;
text-align
:
center
}
.slide-navigator
.dib
{
*
display
:
inline
!important
;
zoom
:
1
}
.slide-navigator
.dib
a
{
float
:
left
;
width
:
10px
;
height
:
10px
;
margin
:
0
10px
0
0
;
background-image
:
url("../images/yohood/sprites.png")
;
background-position
:
0
-144px
}
.slide-navigator
.dib
a
:focus
{
outline
:
none
}
.slide-navigator
.dib
.on
{
background-position
:
0
-124px
}
.slide-control
a
{
position
:
absolute
;
top
:
50%
;
margin
:
-28px
0
0
0
;
font-size
:
48px
;
color
:
#000
}
.slide-control
a
:focus
{
outline
:
none
}
.slide-control
.slide-prev
{
left
:
-70px
}
.slide-control
.slide-next
{
right
:
-70px
}
.content-tab
{
margin
:
30px
0
0
0
;
text-align
:
center
}
.content-tab
ul
{
display
:
inline-block
;
*
display
:
inline
!important
;
*
zoom
:
1
}
.content-tab
ul
li
{
float
:
left
;
margin-left
:
18px
}
.content-tab
ul
li
a
{
display
:
block
;
padding
:
0
10px
;
line-height
:
30px
;
color
:
#000
;
border
:
1px
solid
#000
;
border-radius
:
2px
;
font-size
:
14px
}
.content-tab
ul
li
a
:focus
{
outline
:
none
}
.content-tab
ul
:first-child
{
margin-left
:
0
}
.content-tab
ul
li
.current
a
{
background
:
#000
;
color
:
#fff
}
.main-layout
{
width
:
1008px
}
.main-layout
.layout-item
{
float
:
left
;
width
:
308px
;
margin
:
0
28px
26px
0
}
.main-layout
.layout-item
.image-box
{
position
:
relative
}
.main-layout
.layout-item
.image-box
a
{
display
:
block
}
.main-layout
.layout-item
.image-box
a
img
{
display
:
block
;
margin
:
0
auto
;
max-width
:
100%
}
.main-layout
.layout-item
.image-box
a
:focus
{
outline
:
none
}
.main-layout
.layout-item
.image-box
.item-tag
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
padding
:
0
11px
;
background
:
#000
;
line-height
:
26px
;
font-size
:
14px
;
color
:
#fff
}
.main-layout
.layout-item
.image-box
.play-icon
{
position
:
absolute
;
width
:
50px
;
height
:
43px
;
background
:
url("../images/yohood/play.png")
;
background-size
:
100%
100%
;
left
:
50%
;
top
:
50%
;
margin
:
-22px
0
0
-25px
}
.main-layout
.layout-item
.image-box
.play-icon.small
{
background
:
url("../images/yohood/play-small.png")
}
.main-layout
.layout-item
.content
h2
{
margin
:
15px
0
0
0
}
.main-layout
.layout-item
.content
h2
a
{
line-height
:
24px
;
font-size
:
20px
;
font-weight
:
bold
;
color
:
#000
}
.main-layout
.layout-item
.content
h2
a
:focus
{
outline
:
none
}
.main-layout
.layout-item
.content
p
{
margin
:
8px
0
0
0
;
font-size
:
14px
;
color
:
#000
;
line-height
:
20px
}
.main-layout
.layout-item
.content
.time
{
margin
:
0
;
color
:
#b2b2b2
;
font-size
:
12px
}
.pagination
{
margin
:
56px
0
0
0
;
text-align
:
center
}
.pagination
.pagination-inner
{
display
:
inline-block
;
*
display
:
inline
!important
;
zoom
:
1
}
.pagination
.pagination-inner
a
{
float
:
left
;
width
:
36px
;
height
:
30px
;
line-height
:
30px
;
font-size
:
14px
;
color
:
#999997
}
.pagination
.pagination-inner
a
:focus
{
outline
:
none
}
.pagination
.pagination-inner
.current
{
background
:
#000
;
color
:
#fff
;
border-radius
:
2px
}
.cooperation-list
{
width
:
1005px
;
margin
:
12px
0
0
0
}
.cooperation-list
li
{
float
:
left
;
margin
:
0
27px
27px
0
}
.cooperation-list
li
a
{
display
:
block
}
.cooperation-list
li
a
:focus
{
outline
:
none
}
.cooperation-list
li
.img-box
{
width
:
172px
;
height
:
116px
;
overflow
:
hidden
;
border
:
1px
solid
#e0e0e0
;
display
:
table-cell
;
vertical-align
:
middle
;
text-align
:
center
}
.cooperation-list
li
.img-box
:hover
{
border
:
1px
solid
#000
}
.cooperation-list
li
p
{
margin
:
16px
0
0
0
;
line-height
:
16px
;
text-align
:
center
;
color
:
#000
}
.
cooperation-list
li
.current
.img-box
{
border
:
1px
solid
#000
}
.
limited-goods
{
position
:
relative
;
padding
:
30px
0
30px
0
;
background
:
#333333
}
.limited-goods
h2
{
font-size
:
24px
;
color
:
#8b8b8b
;
font-weight
:
bold
;
text-align
:
center
;
background
:
url("../images/yohood/limited-line.png")
no-repeat
center
center
}
.limited-slide-box
{
position
:
relative
;
width
:
944px
;
margin
:
28px
auto
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.limited-slide-box
.slide-wrap
{
position
:
relative
;
overflow
:
hidden
}
.limited-slide-box
.box
{
position
:
relative
;
float
:
left
;
width
:
100%
}
.goods-list
{
width
:
992px
}
.goods-list
li
{
float
:
left
;
width
:
150px
;
margin
:
0
48px
0
0
}
.goods-list
li
.img-box
{
position
:
relative
;
height
:
200px
;
text-align
:
center
;
overflow
:
hidden
}
.goods-list
li
.img-box
img
{
width
:
100%
}
.goods-list
li
.img-box
span
{
position
:
absolute
;
left
:
0
;
bottom
:
0
;
width
:
55px
;
height
:
25px
;
line-height
:
25px
;
background
:
#000
;
color
:
#fff
;
font-size
:
14px
;
text-align
:
center
}
.goods-list
li
.img-box
span
.red
{
background
:
#ef3d00
}
.goods-list
li
.goods-name
{
margin
:
5px
0
0
0
;
line-height
:
18px
;
font-size
:
14px
;
color
:
#ccc
}
.goods-list
li
.price
{
margin
:
6px
0
0
0
;
line-height
:
18px
;
color
:
#ccc
;
font-size
:
12px
}
.goods-list
li
.price
.original-price
{
color
:
#999
;
text-decoration
:
line-through
;
margin-right
:
4px
}
.limited-slide-control
a
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
font-size
:
30px
;
color
:
#ebebeb
}
.limited-slide-control
a
:focus
{
outline
:
none
}
.limited-slide-control
.limited-slide-prev
{
margin-left
:
-510px
}
.limited-slide-control
.limited-slide-next
{
margin-left
:
480px
}
.limited-slide-control
.disable
{
color
:
#4a4a4a
}
.return-top
{
position
:
fixed
;
bottom
:
410px
;
left
:
50%
;
margin-left
:
600px
}
.return-top
a
{
color
:
#000
}
.return-top
span
{
display
:
block
}
.img-zoom
{
display
:
none
;
position
:
fixed
;
z-index
:
102
;
left
:
50%
;
top
:
50%
}
.img-zoom
img
{
display
:
block
}
.img-zoom.show
{
display
:
block
}
.overlay
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
background
:
#000
\
9
;
filter
:
alpha
(
opacity
=
50
)
\
9
;
width
:
100%
\
9
;
height
:
100%
\
9
;
z-index
:
101
}
.overlay.show
{
display
:
block
}
.share
{
position
:
absolute
;
z-index
:
99
;
left
:
50%
;
top
:
367px
;
margin-left
:
-596px
}
.share
h4
{
font-size
:
14px
;
margin-bottom
:
5px
}
.share
li
{
position
:
relative
;
width
:
34px
;
height
:
34px
;
margin-bottom
:
13px
}
.share
li
img
{
display
:
block
;
width
:
100%
}
.share
.wx-qrcode-dialog
{
display
:
none
;
position
:
absolute
;
background
:
#fff
url("../images/yohood/share-wx-bg.png")
;
width
:
223px
;
height
:
220px
;
left
:
50px
;
top
:
-88px
;
padding
:
12px
0
0
0
;
text-align
:
center
}
.share
.wx-qrcode-dialog
.wx-popup-hd
{
margin-bottom
:
5px
;
font-size
:
16px
}
.share
.wx-qrcode-dialog
.wx-popup-bd
{
width
:
125px
;
height
:
125px
;
margin
:
0
auto
}
.share
.wx-qrcode-dialog
.wx-popup-bd
img
{
display
:
block
;
width
:
100%
}
.share
.wx-qrcode-dialog
.wx-popup-ft
{
font-size
:
14px
}
.ft
{
width
:
100%
}
.bd
{
width
:
980px
;
margin
:
0
auto
}
.wrapper
{
width
:
980px
;
margin
:
0
auto
}
.slide-main
{
position
:
relative
}
.slide-box
{
position
:
relative
;
margin
:
16px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.slide-box
.slide-wrap
{
height
:
468px
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
}
.slide-navigator
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
-32px
;
text-align
:
center
}
.slide-navigator
.dib
{
display
:
inline-block
}
.slide-navigator
.dib
a
{
float
:
left
;
width
:
10px
;
height
:
10px
;
margin
:
0
10px
0
0
;
background-image
:
url("../images/yohood/sprites.png")
;
background-position
:
0
-144px
}
.slide-navigator
.dib
.on
{
background-position
:
0
-124px
}
.slide-control
a
{
position
:
absolute
;
top
:
50%
;
margin
:
-28px
0
0
0
;
font-size
:
48px
;
color
:
#000
}
.slide-control
.slide-prev
{
left
:
-70px
}
.slide-control
.slide-next
{
right
:
-70px
}
.content-wrap
{
margin
:
50px
0
0
0
}
.cooperation
{
position
:
relative
;
margin
:
48px
0
;
height
:
118px
;
border
:
1px
solid
#000
}
.cooperation-slide-box
{
position
:
relative
;
width
:
800px
;
margin
:
0
auto
;
padding
:
28px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.cooperation-slide-box
.slide-wrap
{
position
:
relative
;
overflow
:
hidden
}
.cooperation-slide-box
.slide-wrap
.box
{
position
:
relative
;
float
:
left
;
width
:
100%
}
.cooperation
.partner
{
float
:
left
;
margin
:
0
50px
0
0
}
.cooperation
.media
{
float
:
left
;
height
:
68px
;
padding
:
0
0
0
50px
;
border-left
:
1px
solid
#000
}
.cooperation
h2
{
font-size
:
14px
;
line-height
:
20px
}
.cooperation
ul
li
{
float
:
left
;
height
:
60px
;
width
:
132px
}
.cooperation
ul
li
a
{
width
:
132px
;
height
:
60px
;
display
:
table-cell
;
vertical-align
:
middle
;
text-align
:
center
}
.cooperation
.partner
ul
li
,
.cooperation
.media
ul
li
{
width
:
115px
}
.cooperation
.partner
ul
li
a
,
.cooperation
.media
ul
li
a
{
width
:
115px
}
.cooperation-slide-control
a
{
position
:
absolute
;
top
:
50%
;
margin-top
:
-16px
;
color
:
#000
;
font-size
:
26px
}
.cooperation-slide-control
.cooperation-slide-prev
{
left
:
20px
}
.cooperation-slide-control
.cooperation-slide-next
{
right
:
20px
}
.cooperation-slide-control
.disable
{
color
:
#d9d9d9
}
.activity-main
{
margin
:
30px
0
50px
0
}
.activity-content
{
display
:
none
}
.activity-content
:first-child
{
display
:
block
}
.activity-content.current
{
display
:
block
}
.activity-content
.section
{
width
:
820px
;
text-align
:
center
;
margin
:
0
auto
20px
}
.activity-content
.section
p
{
text-align
:
left
;
font-size
:
14px
;
line-height
:
18px
;
color
:
#000
}
.activity-content
.section
h4
{
text-align
:
left
;
font-weight
:
bold
}
.video-wrap
.layout-item
{
height
:
362px
;
margin
:
0
28px
0
0
}
.video-wrap
.layout-item
.image-box
{
height
:
198px
;
overflow
:
hidden
}
.video-wrap
.layout-item
.image-box
img
{
width
:
100%
}
.activity-cooperation
.section
{
text-align
:
left
;
margin
:
0
0
12px
0
}
.activity-cooperation
.section
h2
{
color
:
#000
;
line-height
:
20px
;
font-size
:
18px
;
font-weight
:
bold
}
.contant-tab
{
margin
:
30px
0
0
0
;
text-align
:
center
}
.contant-tab
ul
{
display
:
inline-block
}
.contant-tab
ul
li
{
float
:
left
;
margin-left
:
18px
}
.contant-tab
ul
li
a
{
display
:
block
;
padding
:
0
10px
;
line-height
:
30px
;
color
:
#000
;
border
:
2px
solid
#7e7e7e
;
border-radius
:
2px
;
font-size
:
14px
}
.contant-tab
ul
:first-child
{
margin-left
:
0
}
.contant-tab
ul
li
.current
a
{
background
:
#000
;
color
:
#fff
}
.news-tab
ul
li
{
margin-left
:
8px
}
.news-main
{
margin
:
30px
0
50px
0
}
.brand-main
{
margin
:
50px
0
}
.search-wrap
{
position
:
relative
;
width
:
306px
;
height
:
36px
;
margin
:
0
auto
;
padding
:
0
;
line-height
:
36px
}
.search-wrap
input
{
width
:
260px
;
height
:
36px
;
line-height
:
36px
\
9
;
padding
:
0
36px
0
10px
;
margin
:
0
;
border
:
none
;
background
:
url("../images/yohood/search-bg.png")
;
outline
:
none
}
.search-wrap
.search-btn
{
position
:
absolute
;
top
:
0px
;
right
:
10px
;
color
:
#000
;
font-weight
:
bold
}
.search-wrap
.search-btn
:focus
{
outline
:
none
}
.brand-content
{
margin
:
38px
0
0
0
}
.brand-content
.no-search
{
display
:
none
;
margin
:
100px
0
120px
0
;
text-align
:
center
;
line-height
:
22px
;
font-size
:
16px
}
.brand-content
.no-search
a
{
font-size
:
16px
;
color
:
#000
}
.brand-content
.no-search
a
:hover
{
text-decoration
:
underline
}
.brand-list
li
{
float
:
left
}
.brand-introduction
{
display
:
none
;
position
:
fixed
;
width
:
644px
;
max-height
:
604px
;
top
:
50%
;
left
:
50%
;
margin
:
-314px
0
0
-352px
;
padding
:
24px
30px
30px
;
z-index
:
102
;
background
:
#fff
}
.brand-introduction
h2
{
font-size
:
18px
;
color
:
#000
;
line-height
:
20px
}
.brand-introduction
.brand-info
{
margin
:
20px
0
0
0
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
#e0e0e0
}
.brand-introduction
.brand-info
.pic
{
float
:
left
;
width
:
200px
;
height
:
200px
;
overflow
:
hidden
;
margin-top
:
6px
}
.brand-introduction
.brand-info
.pic
img
{
width
:
100%
}
.brand-introduction
.brand-info
.text
{
float
:
left
;
margin
:
0
0
0
29px
}
.brand-introduction
.brand-info
.text
p
{
width
:
414px
;
max-height
:
192px
;
overflow-x
:
hidden
;
margin
:
0
;
line-height
:
24px
;
font-size
:
14px
}
.brand-introduction
.brand-info
.text
a
{
display
:
block
;
width
:
94px
;
height
:
33px
;
margin-top
:
15px
;
padding-left
:
34px
;
line-height
:
35px
;
border
:
1px
solid
#000
;
border-radius
:
4px
;
background
:
#fff
;
color
:
#000
;
background
:
url("../images/yohood/enter-store.png")
no-repeat
10px
center
}
.brand-introduction
.brand-close-btn
{
position
:
absolute
;
color
:
#b2b2b2
;
top
:
10px
;
right
:
10px
}
.related-post
h3
{
margin-top
:
28px
;
line-height
:
22px
;
font-size
:
18px
}
.related-post
.post-list
{
margin-top
:
17px
;
width
:
666px
}
.related-post
.post-list
.layout-item
{
float
:
left
;
width
:
200px
;
margin-right
:
22px
}
.related-post
.post-list
.layout-item
.image-box
{
height
:
128px
;
overflow
:
hidden
}
.related-post
.post-list
.layout-item
.content
h2
{
margin
:
8px
0
0
0
;
line-height
:
20px
}
.related-post
.post-list
.layout-item
.content
h2
a
{
font-size
:
14px
;
font-weight
:
normal
}
.video-list
{
margin
:
28px
0
50px
}
.site-activity-date
{
margin
:
38px
0
0
0
;
width
:
120px
;
line-height
:
38px
;
font-size
:
22px
;
color
:
#000
;
border-bottom
:
4px
solid
#000
;
text-align
:
center
}
.site-activity-content
{
float
:
left
;
width
:
738px
}
.site-activity-content
.main-layout
{
width
:
auto
;
border-left
:
2px
solid
#e0e0e0
;
margin-left
:
96px
;
padding-bottom
:
50px
}
.site-activity-content
.main-layout
.layout-section
{
width
:
auto
;
position
:
relative
;
padding-top
:
84px
}
.site-activity-content
.main-layout
.layout-section
.site-activity-intro
{
position
:
absolute
;
top
:
28px
;
left
:
18px
;
background
:
#000
;
border-radius
:
2px
;
padding
:
0
15px
;
color
:
#fff
;
line-height
:
28px
}
.site-activity-content
.main-layout
.layout-section
.site-activity-intro
span
{
position
:
absolute
;
left
:
-6px
;
top
:
0
;
width
:
6px
;
height
:
17px
;
background
:
url("../images/yohood/site-activity-intro-icon.png")
no-repeat
}
.site-activity-content
.main-layout
.layout-section
.site-activity-time
{
position
:
absolute
;
color
:
#000
;
left
:
-98px
;
top
:
35px
}
.site-activity-content
.main-layout
.layout-section
.site-activity-icon
{
position
:
absolute
;
width
:
10px
;
height
:
10px
;
top
:
40px
;
left
:
-6px
;
background
:
url("../images/yohood/site-activity-icon.png")
no-repeat
}
.site-activity-content
.layout-item
{
float
:
none
;
width
:
630px
;
margin
:
0
0
0
18px
}
.site-activity-content
.layout-item
.image-box
{
float
:
left
;
width
:
310px
;
height
:
174px
;
overflow
:
hidden
}
.site-activity-content
.layout-item
.image-box
a
{
display
:
table-cell
;
width
:
310px
;
height
:
174px
;
text-align
:
center
;
vertical-align
:
middle
}
.site-activity-content
.layout-item
.content
{
float
:
left
;
margin-left
:
28px
;
width
:
290px
}
.site-activity-tab
{
float
:
right
;
margin-top
:
79px
}
.site-activity-tab
h4
{
line-height
:
42px
;
padding-top
:
14px
;
border-top
:
1px
dashed
#979797
;
font-size
:
14px
;
text-align
:
center
}
.site-activity-tab
li
{
width
:
130px
;
margin-bottom
:
18px
;
line-height
:
42px
;
background
:
#fff
;
text-align
:
center
;
font-size
:
14px
;
border
:
2px
solid
#7e7e7e
;
border-radius
:
2px
}
.site-activity-tab
li
a
{
display
:
block
;
color
:
#000
}
.site-activity-tab
.current
{
border-radius
:
0
;
background
:
#000
;
border-color
:
#000
}
.site-activity-tab
.current
a
{
color
:
#fff
}
.site-activity-tab
.disable
{
border-color
:
#ccc
}
.site-activity-tab
.disable
a
{
color
:
#ccc
;
cursor
:
default
}
.show-title
{
line-height
:
98px
;
font-size
:
32px
;
color
:
#0099bb
;
text-align
:
center
}
.show-wrap
{
padding-bottom
:
50px
}
.show-wrap
.layout-item
{
height
:
396px
}
.show-wrap
.layout-item
.image-box
{
height
:
308px
;
overflow
:
hidden
}
.show-wrap
.layout-item
.image-box
img
{
width
:
100%
;
height
:
100%
}
.show-wrap
.layout-item
.image-box
.pic-tip
{
display
:
block
;
position
:
absolute
;
left
:
80px
;
top
:
80px
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
color
:
#009abe
;
text-decoration
:
none
;
height
:
18px
;
line-height
:
18px
;
padding
:
0
5px
;
border-radius
:
11px
;
font-family
:
'Helvetica'
;
font-weight
:
bold
;
box-shadow
:
1px
2px
2px
rgba
(
0
,
0
,
0
,
0.5
)}
.show-wrap
.layout-item
.image-box
.pic-tip
:after
{
position
:
absolute
;
content
:
""
;
background-image
:
url("../images/yohood/vedio-btn.png")
;
background-repeat
:
no-repeat
;
background-position
:
0
-55px
;
background-size
:
30px
310px
;
width
:
7px
;
height
:
5px
;
top
:
13px
;
left
:
-2px
}
.img-zoom
.pic-tip
{
display
:
block
;
position
:
absolute
;
left
:
80px
;
top
:
80px
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
color
:
#009abe
;
text-decoration
:
none
;
height
:
18px
;
line-height
:
18px
;
padding
:
0
5px
;
border-radius
:
11px
;
font-family
:
'Helvetica'
;
font-weight
:
bold
;
box-shadow
:
1px
2px
2px
rgba
(
0
,
0
,
0
,
0.5
)}
.img-zoom
.pic-tip
:after
{
position
:
absolute
;
content
:
""
;
background-image
:
url("../images/yohood/vedio-btn.png")
;
background-repeat
:
no-repeat
;
background-position
:
0
-55px
;
background-size
:
30px
310px
;
width
:
7px
;
height
:
5px
;
top
:
13px
;
left
:
-2px
}
.img-zoom
.close-btn
{
position
:
absolute
;
top
:
6px
;
right
:
-58px
;
width
:
27px
;
height
:
27px
;
background-image
:
url("../images/yohood/close-btn.png")
;
background-size
:
100%
100%
}
.detail-title
{
margin
:
48px
0
28px
;
font-size
:
28px
}
.detail-title
h2
,
.detail-title
h3
{
line-height
:
40px
;
font-weight
:
bold
}
.detail-title
.time
{
font-size
:
12px
;
color
:
#b2b2b2
;
line-height
:
24px
}
.detail-body
{
float
:
left
;
width
:
644px
}
.detail-body
img
{
max-width
:
100%
}
.detail-slide
{
margin-bottom
:
20px
}
.detail-slide-body
{
position
:
relative
;
width
:
100%
;
height
:
415px
;
overflow
:
hidden
}
.detail-slide-body
.detail-slide-piclist
{
height
:
415px
;
overflow
:
hidden
;
position
:
relative
}
.detail-slide-body
.detail-slide-piclist
.box
{
float
:
left
;
width
:
644px
;
height
:
415px
;
line-height
:
415px
;
position
:
relative
;
background
:
#000
;
text-align
:
center
}
.detail-slide-body
.detail-slide-piclist
.box
img
{
max-width
:
100%
;
vertical-align
:
middle
}
.slide-box
{
position
:
relative
;
margin
:
16px
0
0
0
;
visibility
:
hidden
;
overflow
:
hidden
}
.slide-box
.slide-wrap
{
height
:
468px
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
}
.slide-shadow
a
{
position
:
absolute
;
width
:
322px
;
top
:
0
;
bottom
:
0
}
.slide-shadow
a
:focus
{
outline
:
none
}
.slide-shadow
.slide-shadow-prev
{
left
:
0
}
.slide-shadow
.slide-shadow-next
{
right
:
0
}
.detail-slide-big-ctrl
a
{
display
:
none
;
position
:
absolute
;
font-size
:
40px
;
top
:
50%
;
color
:
#fff
;
margin-top
:
-30px
;
z-index
:
20
}
.detail-slide-big-ctrl
a
:focus
{
outline
:
none
}
.detail-slide-big-ctrl
.slide-big-ctrl-prev
{
left
:
5px
}
.detail-slide-big-ctrl
.slide-big-ctrl-next
{
right
:
5px
}
.detail-slide-ctrl
{
padding
:
15px
0
0
0
;
width
:
100%
;
height
:
65px
;
overflow
:
hidden
;
position
:
relative
}
.detail-slide-ctrl
.detail-slide-ctrl-prev
,
.detail-slide-ctrl
.detail-slide-ctrl-next
{
display
:
none
;
position
:
absolute
;
top
:
15px
;
width
:
30px
;
height
:
65px
;
line-height
:
65px
;
background
:
rgba
(
230
,
230
,
230
,
0.9
);
font-size
:
18px
;
text-align
:
center
;
color
:
#000
}
.detail-slide-ctrl
.detail-slide-ctrl-prev
{
left
:
0
}
.detail-slide-ctrl
.detail-slide-ctrl-next
{
right
:
0
}
.detail-slide-ctrl-tabs
{
position
:
relative
;
left
:
0
;
top
:
0
}
.detail-slide-ctrl-tabs
li
{
position
:
relative
;
float
:
left
;
padding
:
0
0
0
9px
}
.detail-slide-ctrl-tabs
li
img
{
display
:
block
;
width
:
100px
;
height
:
65px
}
.detail-slide-ctrl-tabs
li
:first-child
{
padding
:
0
}
.detail-slide-ctrl-tabs
li
:first-child
.current
.border
{
left
:
0px
}
.detail-slide-ctrl-tabs
li
.current
.border
{
position
:
absolute
;
left
:
7px
;
right
:
0px
;
top
:
0px
;
bottom
:
0px
;
border
:
2px
solid
#000
}
.detail-slide-ctrl-tabs
li
.current
.arrow
{
position
:
absolute
;
top
:
-9px
;
left
:
50%
;
margin
:
0
0
0
-9px
;
width
:
0
;
height
:
0
;
border-left
:
9px
solid
transparent
;
border-right
:
9px
solid
transparent
;
border-bottom
:
9px
solid
black
}
.text-body
{
margin
:
0
0
25px
0
;
font-size
:
14px
;
line-height
:
28px
}
.text-body
p
{
margin
:
25px
0
}
.detail-related-post
h3
{
font-weight
:
bold
}
.detail-side
{
width
:
280px
;
float
:
right
;
padding-bottom
:
62px
}
.detail-ad
li
{
margin-bottom
:
15px
}
.detail-ad
li
img
{
display
:
block
}
.app-download
{
width
:
278px
;
height
:
158px
;
margin-top
:
28px
;
border
:
1px
solid
#000
}
.app-download
.qr
{
float
:
left
;
margin
:
22px
0
0
18px
;
width
:
114px
;
height
:
114px
}
.app-download
.qr
img
{
display
:
block
;
width
:
100%
}
.app-download
.download-text
{
float
:
left
;
margin
:
20px
0
38px
12px
;
width
:
108px
}
.app-download
.download-text
img
{
display
:
block
;
width
:
50px
}
.app-download
.download-text
p
{
font-size
:
12px
;
color
:
#666
}
.app-download
.download-text
.yoho-name
{
font-size
:
18px
;
color
:
#000
;
font-weight
:
bold
}
.side-related-tab
{
border-bottom
:
1px
solid
#000
}
.side-related-tab
a
{
float
:
left
;
width
:
140px
;
text-align
:
center
;
font-size
:
18px
;
line-height
:
38px
;
color
:
#000
;
font-weight
:
bold
}
.side-related-tab
a
.current
{
border-bottom
:
2px
solid
#000
}
.side-related-list
{
display
:
none
}
.side-related-list.current
{
display
:
block
}
.side-related-list
.layout-item
{
float
:
none
;
margin
:
20px
0
0
0
}
.side-related-list
.layout-item
.image-box
{
float
:
left
;
width
:
82px
;
height
:
53px
;
overflow
:
hidden
}
.side-related-list
.layout-item
.image-box
img
{
display
:
block
;
width
:
100%
;
height
:
100%
}
.side-related-list
.layout-item
.image-box
.play-icon
{
width
:
20px
;
height
:
20px
;
margin
:
-10px
0
0
-10px
}
.side-related-list
.layout-item
.content
{
float
:
left
;
margin-left
:
16px
;
width
:
182px
}
.side-related-list
.layout-item
.content
h2
{
margin
:
0
}
.side-related-list
.layout-item
.content
h2
a
{
font-size
:
14px
;
font-weight
:
normal
;
line-height
:
20px
}
.contact-us
{
padding
:
20px
0
30px
}
.contact-us-section
{
text-align
:
center
;
font-size
:
16px
;
line-height
:
28px
}
...
...
res/css/mobile.css
View file @
1954b8d
html
,
body
,
div
,
span
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
code
,
del
,
dfn
,
em
,
img
,
q
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
i
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-weight
:
inherit
;
font-style
:
inherit
;
font-size
:
100%
;
font-family
:
inherit
;
vertical-align
:
baseline
}
body
{
line-height
:
1.5
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
caption
,
th
,
td
,
b
,
strong
{
text-align
:
left
;
font-weight
:
normal
}
table
,
td
,
th
{
vertical-align
:
middle
}
blockquote
:before
,
blockquote
:after
,
q
:before
,
q
:after
{
content
:
""
}
blockquote
,
q
{
quotes
:
""
""
}
a
img
{
border
:
none
}
em
,
cite
{
font-style
:
normal
}
body
{
background
:
#fff
;
font
:
12px
/
1.5
"arial"
,
"helvetica"
,
"微软雅黑"
;
color
:
#000
;
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
html
{
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
normal
;
color
:
#111
}
a
{
text-decoration
:
none
;
cursor
:
pointer
}
a
:focus
{
outline
:
none
}
dl
,
dt
,
dd
,
ul
,
li
{
list-style
:
none
}
.clearfix
:before
,
.clearfix
:after
{
content
:
""
;
display
:
table
}
.clearfix
:after
{
clear
:
both
}
.clearfix
{
zoom
:
1
;
*
zoom
:
1
}
@font-face
{
font-family
:
'iconfont'
;
src
:
url("../fonts/iconfont.eot")
;
src
:
url("../fonts/iconfont.eot?#iefix")
format
(
"embedded-opentype"
),
url("../fonts/iconfont.woff")
format
(
"woff"
),
url("../fonts/iconfont.ttf")
format
(
"truetype"
),
url("../fonts/iconfont.svg#iconfont")
format
(
"svg"
)}
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
0.2px
;
-moz-osx-font-smoothing
:
grayscale
}
html
{
font-size
:
20px
}
@media
only
screen
and
(
min-width
:
360px
){
html
{
font-size
:
22.5px
!important
}}
@media
only
screen
and
(
min-width
:
375px
){
html
{
font-size
:
23.43px
!important
}}
@media
only
screen
and
(
min-width
:
401px
){
html
{
font-size
:
25px
!important
}}
@media
only
screen
and
(
min-width
:
428px
){
html
{
font-size
:
26.75px
!important
}}
@media
only
screen
and
(
min-width
:
480px
){
html
{
font-size
:
30px
!important
}}
@media
only
screen
and
(
min-width
:
569px
){
html
{
font-size
:
35px
!important
}}
@media
only
screen
and
(
min-width
:
640px
){
html
{
font-size
:
40px
!important
}}
.header-download-wrap
{
height
:
2.2rem
}
.header-download-wrap.show
{
border-top
:
1px
solid
transparent
;
border-bottom
:
1px
solid
transparent
}
.header-download
{
position
:
relative
;
height
:
2.2rem
;
border-top
:
1px
solid
#bcbcbe
;
border-bottom
:
1px
solid
#000
;
background
:
#fff
}
.header-download.fix
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
z-index
:
20
}
.header-download
.tip-pic
{
position
:
absolute
;
top
:
50%
;
left
:
1rem
;
width
:
1.8rem
;
height
:
1.8rem
;
margin
:
-0.9rem
0
0
0
;
background
:
url('../images/yohood/mobile/app-icon.png?1429867973')
;
background-size
:
100%
100%
}
.header-download
.tip-info
{
position
:
relative
;
margin
:
0
0
0
3.1rem
}
.header-download
.tip-info
h2
{
font-size
:
0.6rem
;
line-height
:
0.7rem
;
margin-top
:
0.4rem
}
.header-download
.tip-info
p
{
color
:
#959192
;
font-size
:
0.5rem
;
line-height
:
0.7rem
}
.header-download
.tip-info
.yohoboy-download-app
{
position
:
absolute
;
width
:
2.65rem
;
height
:
1.05rem
;
top
:
0.1rem
;
right
:
1.5rem
;
border
:
1px
solid
#000
;
line-height
:
1.05rem
;
border-radius
:
2px
;
text-align
:
center
;
font-size
:
0.5rem
;
color
:
#000
}
.header-download
.tip-close
{
position
:
absolute
;
width
:
1rem
;
height
:
1rem
;
top
:
0
;
right
:
0
;
background
:
url('../images/yohood/mobile/tip-c.png?1430900294')
;
background-size
:
100%
100%
}
.logo
{
position
:
relative
;
height
:
2.15rem
;
line-height
:
2.15rem
;
text-align
:
center
;
font-size
:
1.2rem
;
border-bottom
:
1px
solid
#000
}
.logo
.back-btn
{
position
:
absolute
;
left
:
0.5rem
;
font-size
:
1.1rem
;
color
:
#000
}
.bd
{
padding-bottom
:
1rem
}
.slide-main
{
position
:
relative
}
.slide-box
{
width
:
100%
;
position
:
relative
;
overflow
:
hidden
;
height
:
7.75rem
}
.slide-box
.slide-wrap
{
width
:
100%
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
;
height
:
7.75rem
}
.slide-navigator
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
5px
;
text-align
:
center
}
.slide-navigator
.dib
{
display
:
inline-block
}
.slide-navigator
.dib
a
{
float
:
left
;
width
:
0.3rem
;
height
:
0.3rem
;
margin-left
:
0.15rem
;
background
:
#d0cfcb
;
border-radius
:
50%
}
.slide-navigator
.dib
a
:first-child
{
margin-left
:
0
}
.slide-navigator
.dib
.swiper-active-switch
,
.slide-navigator
.dib
.on
{
background
:
#989795
}
.layout-item
{
margin
:
0
0
2.25rem
0
}
.layout-item
.image-box
{
position
:
relative
;
height
:
10.3rem
;
overflow
:
hidden
}
.layout-item
.image-box
.item-tag
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
height
:
1.25rem
;
padding
:
0
0.5rem
;
line-height
:
1.25rem
;
background
:
#000
;
color
:
#fff
;
font-size
:
0.7rem
}
.layout-item
.image-box
.play-icon
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
2.3rem
;
height
:
2rem
;
margin
:
-1rem
0
0
-1.15rem
;
background
:
url('../images/yohood/mobile/play.png?1432022007')
;
background-size
:
100%
100%
}
.layout-item
.content
{
margin
:
0.5rem
0
0
0
;
padding
:
0
0.8rem
}
.layout-item
.content
h2
a
{
line-height
:
1.25rem
;
color
:
#000
;
font-size
:
1rem
}
.layout-item
.content
p
{
margin
:
0.5rem
0
0
0
;
font-size
:
0.7rem
;
line-height
:
1rem
}
.layout-item
.content
.time
{
color
:
#aaa
;
font-size
:
0.6rem
}
.pagination-inner
{
padding
:
0
0.75rem
}
.pagination-inner
a
{
float
:
left
;
font-size
:
0.9rem
;
color
:
#000
}
.pagination-inner
a
span
{
font-size
:
0.7rem
;
vertical-align
:
8%
}
.pagination-inner
a
.next
{
float
:
right
}
.cooperation-list
{
margin
:
0.6rem
0
0
0
}
.cooperation-list
li
{
float
:
left
;
margin
:
0
0.45rem
0.45rem
0
}
.cooperation-list
li
.img-box
{
width
:
6.9rem
;
height
:
4.65rem
;
line-height
:
4.65rem
;
overflow
:
hidden
;
border
:
1px
solid
#e0e0e0
;
text-align
:
center
}
.cooperation-list
li
.img-box
img
{
vertical-align
:
middle
;
max-width
:
100%
;
max-height
:
100%
;
width
:
auto
}
.cooperation-list
li
p
{
margin
:
0.3rem
0
;
font-size
:
0.6rem
;
line-height
:
0.7rem
;
text-align
:
center
;
color
:
#000
}
.cooperation-list
li
.current
.img-box
{
border
:
1px
solid
#000
}
.img-zoom
{
display
:
none
;
position
:
fixed
;
max-width
:
100%
;
z-index
:
99
;
top
:
50%
;
left
:
50%
}
.img-zoom
img
{
display
:
block
;
-width
:
100%
}
.img-zoom.show
{
display
:
block
}
.home-logo
{
border
:
none
}
.banner-swiper
{
height
:
7.8rem
;
overflow
:
hidden
}
.banner-swiper
img
{
width
:
100%
}
.channel-list
li
{
float
:
left
;
margin
:
1.1rem
0
0
1.45rem
;
text-align
:
center
}
.channel-list
.channel-pic
{
width
:
3.3rem
;
height
:
3.3rem
;
line-height
:
3.3rem
;
border-radius
:
50%
;
border
:
1px
solid
#000
;
text-align
:
center
;
color
:
#000
;
font-size
:
1.2rem
}
.channel-list
.video
{
font-size
:
0.8rem
}
.channel-list
.recmmend
{
background
:
url('../images/yohood/mobile/recmmend.png?1432276856')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
.show
{
background
:
url('../images/yohood/mobile/show.png?1432276861')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
.ticket
{
background
:
url('../images/yohood/mobile/ticket.png?1434349769')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
.contact
{
font-size
:
0.8rem
}
.channel-list
.channel-name
{
margin-top
:
0.45rem
;
line-height
:
0.75rem
;
font-size
:
0.6rem
;
font-weight
:
bold
;
color
:
#000
}
.channel-list
.channel-name-cn
{
line-height
:
0.75rem
;
font-size
:
0.6rem
;
color
:
#000
}
.channel-list
li
.current
.channel-pic
{
color
:
#fff
;
background
:
#000
}
.channel-list
li
.current
.channel-pic.recmmend
{
background
:
#000
url('../images/yohood/mobile/recmmend-current.png?1432276852')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
li
.current
.channel-pic.show
{
background
:
#000
url('../images/yohood/mobile/show-current.png?1432276858')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
li
.current
.channel-pic.ticket
{
background
:
#000
url('../images/yohood/mobile/ticket-current.png?1434349767')
no-repeat
center
center
;
background-size
:
36%
auto
}
.content-tab
{
margin
:
0.6rem
0
0
0
;
text-align
:
center
}
.content-tab
ul
{
display
:
inline-block
;
border-left
:
1px
solid
#000
}
.content-tab
ul
li
{
float
:
left
;
border
:
1px
solid
#000
;
border-left
:
none
}
.content-tab
ul
li
a
{
display
:
block
;
width
:
4.8rem
;
height
:
1.7rem
;
line-height
:
1.7rem
;
text-align
:
center
;
font-size
:
0.7rem
;
color
:
#000
}
.content-tab
ul
li
.current
{
background
:
#000
}
.content-tab
ul
li
.current
a
{
color
:
#fff
}
.activity-main
{
margin
:
0.6rem
0
0
0
}
.activity-content
{
display
:
none
}
.activity-content
img
{
width
:
100%
}
.activity-content
.section
{
margin
:
1.2em
0
0
0
}
.activity-content
.section
p
,
.activity-content
.section
h4
{
padding
:
0
0.8rem
;
line-height
:
1rem
;
font-size
:
0.7rem
}
.activity-content.current
{
display
:
block
}
.activity-cooperation
{
padding
:
0
0
0
0.8rem
}
.activity-cooperation
h2
{
font-size
:
0.8rem
;
color
:
#000
;
line-height
:
1.1rem
}
.search-wrap
{
position
:
relative
;
z-index
:
2
;
height
:
2.2rem
;
padding
:
0
0.4rem
;
background
:
#f0f0f0
;
text-align
:
center
}
.search-wrap
input
{
width
:
15.2rem
;
height
:
1.4rem
;
margin
:
0.4rem
0
0
0
;
padding
:
0
;
border
:
none
;
outline
:
none
;
font-size
:
0.7rem
;
border-radius
:
2px
}
.search-wrap
input
:focus
,
.search-wrap
input
.hasVal
{
width
:
13.6rem
;
padding-left
:
1.6rem
}
.search-wrap
.search-btn
{
position
:
absolute
;
color
:
#8e8e93
;
font-size
:
0.7rem
;
top
:
0.6rem
;
left
:
50%
;
margin-left
:
-1.05rem
}
.search-wrap
.search-btn
span
{
margin-right
:
0.1rem
;
font-size
:
0.7rem
;
vertical-align
:
2%
}
.search-wrap
input
:focus
~
.search-btn
,
.search-wrap
input
.hasVal
~
.search-btn
{
left
:
0.9rem
;
margin-left
:
0
}
.search-wrap
input
:focus
~
.search-btn
em
,
.search-wrap
input
.hasVal
~
.search-btn
em
{
display
:
none
}
.brand-content
{
padding
:
0
0
0
0.8rem
}
.no-search
{
display
:
none
;
text-align
:
center
;
font-size
:
0.6rem
;
margin
:
1rem
0
0
0
}
.no-search
a
{
font-size
:
0.6rem
;
line-height
:
0.8rem
;
color
:
#000
}
.overlay
{
display
:
none
;
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
z-index
:
1
}
.overlay.show
{
display
:
block
}
.main-title
{
font-size
:
0.8rem
;
line-height
:
2.3rem
;
text-align
:
center
;
color
:
#000
}
.video-wrap
.layout-item
.image-box
{
height
:
10.3rem
}
.video-wrap
.layout-item
img
{
width
:
100%
}
.scene-bd
{
padding
:
0
}
.scene-tab
{
margin
:
0.5rem
0
0
0.7rem
}
.scene-tab
li
{
float
:
left
;
width
:
4.8rem
;
height
:
1.7rem
;
line-height
:
1.7rem
;
text-align
:
center
;
background
:
#fff
;
border
:
1px
solid
#000
}
.scene-tab
li
a
{
font-size
:
0.6rem
;
color
:
#000
}
.scene-tab
li
.current
{
background
:
#000
}
.scene-tab
li
.current
a
{
color
:
#fff
}
.scene-tab
li
.disable.current
{
background
:
#ebebeb
;
color
:
#fff
;
border-color
:
#ebebeb
;
cursor
:
default
}
.scene-tab
li
.disable.current
a
{
color
:
#fff
}
.scene-tab
li
.disable
{
background
:
#fff
;
border-color
:
#ebebeb
;
cursor
:
default
}
.scene-tab
li
.disable
a
{
color
:
#ebebeb
}
.scene-content
{
position
:
relative
;
margin
:
0
0
0
0.7rem
;
border-left
:
2px
solid
#e0e0e0
}
.scene-content
.scene-intro
{
position
:
absolute
;
top
:
0.75rem
;
left
:
1.15rem
;
padding
:
0
0.8rem
;
height
:
1.4rem
;
line-height
:
1.4rem
;
background
:
#000
;
color
:
#fff
;
font-size
:
0.6rem
}
.scene-content
.scene-intro
:before
{
position
:
absolute
;
content
:
""
;
width
:
0.3rem
;
height
:
0.85rem
;
top
:
0
;
left
:
-0.3rem
;
background
:
url("../images/yohood/site-activity-intro-icon.png")
no-repeat
;
background-size
:
100%
100%
}
.scene-content
.scene-time
{
position
:
absolute
;
top
:
2.5rem
;
left
:
1.15rem
;
color
:
#aeaeae
}
.scene-content
.scene-icon
{
position
:
absolute
;
top
:
1.45rem
;
left
:
-0.2rem
;
width
:
0.3rem
;
height
:
0.3rem
;
background
:
url("../images/yohood/site-activity-icon.png")
no-repeat
;
background-size
:
100%
100%
}
.scene-content
.main-layout
{
display
:
none
}
.scene-content
.main-layout.current
{
display
:
block
}
.scene-content
.layout-section
{
position
:
relative
;
padding
:
4.15rem
0
0
0.8rem
}
.scene-content
.layout-item
{
width
:
13.6rem
}
.scene-content
.image-box
img
{
width
:
100%
}
.show-title
{
color
:
#0099bb
}
.layout-item
.image-box
{
height
:
16rem
}
.layout-item
.image-box
img
{
width
:
100%
;
height
:
100%
}
.layout-item
.image-box
.pic-tip
{
display
:
block
;
position
:
absolute
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
color
:
#009abe
;
text-decoration
:
none
;
height
:
0.6rem
;
line-height
:
0.6rem
;
padding
:
0
0.25rem
;
border-radius
:
11px
;
font-family
:
'Helvetica'
;
font-weight
:
bold
;
box-shadow
:
1px
2px
2px
rgba
(
0
,
0
,
0
,
0.5
)}
.layout-item
.image-box
.pic-tip
:after
{
position
:
absolute
;
content
:
""
;
background-image
:
url("../images/yohood/vedio-btn.png")
;
background-repeat
:
no-repeat
;
background-position
:
0
-55px
;
background-size
:
30px
310px
;
width
:
7px
;
height
:
5px
;
top
:
0.4rem
;
left
:
-0.1rem
;
z-index
:
10
}
.contact-us-section
{
margin
:
0.5rem
0
0
0
;
text-align
:
center
}
.contact-us-section
h2
{
font-size
:
0.8rem
}
.contact-us-section
p
{
font-size
:
0.7rem
;
line-height
:
1rem
}
.detail-title
{
margin
:
0.75rem
0
;
padding
:
0
0
0
0.7rem
}
.detail-title
.title
{
line-height
:
1.2rem
;
font-size
:
1rem
;
font-weight
:
bold
}
.detail-title
.subtitle
{
margin
:
0.25rem
0
0
0
;
font-size
:
0.6rem
;
line-height
:
0.75rem
;
color
:
#a5a5a5
}
.brand-title
{
margin
:
0.4rem
0
}
.brand-title
.title
{
font-size
:
0.8rem
;
text-align
:
center
}
.detail-article
{
margin
:
0.75rem
0.75rem
0
;
font-size
:
0.7rem
;
line-height
:
1.2rem
}
.detail-article
img
{
margin-left
:
-0.75rem
;
width
:
16rem
}
.detail-article
p
{
margin
:
0.5rem
0
;
font-size
:
0.7rem
;
line-height
:
1.2rem
}
.related-post
{
margin
:
1.4rem
0.85rem
0
0.85rem
}
.related-post
h2
{
font-weight
:
bold
;
font-size
:
0.8rem
;
line-height
:
0.9rem
}
.related-post
ul
{
margin
:
0.2rem
0
0
0
}
.related-post
ul
li
{
margin
:
0.8rem
0
0
0
;
padding
:
0.8rem
0
0
0
;
border-top
:
1px
solid
#e5e5e5
}
.related-post
ul
li
a
{
display
:
block
}
.related-post
ul
li
.image-box
{
float
:
left
;
width
:
4.8rem
;
height
:
3.05rem
}
.related-post
ul
li
.image-box
img
{
width
:
100%
;
height
:
100%
}
.related-post
ul
li
.content
{
float
:
left
;
width
:
9.1rem
;
margin
:
0.4rem
0
0
0.4rem
;
font-size
:
0.7rem
;
line-height
:
1.1rem
;
color
:
#000
}
.related-post
ul
li
:first-child
{
border-top
:
none
}
.share
{
position
:
fixed
;
bottom
:
0
;
left
:
0
;
right
:
0
;
background-image
:
linear-gradient
(
rgba
(
255
,
255
,
255
,
0
),
#fff
);
text-align
:
center
}
.share
ul
{
display
:
inline-block
}
.share
li
{
float
:
left
;
margin-left
:
2.05rem
}
.share
li
a
{
display
:
block
;
width
:
46px
;
height
:
48px
;
background-image
:
url('../images/yohood/mobile/share.png?1432706070')
;
background-size
:
100%
auto
}
.share
li
:first-child
{
margin-left
:
0
}
.share
.yohoo-share-button-sina
a
{
background-position
:
0
-151px
}
.share
.yohoo-share-button-qq
a
{
background-position
:
0
-50px
}
.enter-store
{
display
:
block
;
width
:
4.7rem
;
height
:
1.65rem
;
margin
:
0.75rem
auto
0
;
padding-left
:
34px
;
line-height
:
1.75rem
;
border
:
1px
solid
#000
;
border-radius
:
4px
;
background
:
#fff
;
color
:
#000
;
background
:
url("../images/yohood/enter-store.png")
no-repeat
10px
center
}
.news-select
{
position
:
relative
;
margin
:
0.75rem
0
;
text-align
:
center
}
.news-select
select
{
font-size
:
0.8rem
;
border
:
none
;
outline
:
none
;
font-family
:
"arial"
,
"helvetica"
,
"微软雅黑"
;
text-align
:
center
;
border-color
:
red
}
.news-select
select
option
{
border-color
:
red
}
.news-main
{
display
:
none
}
.news-main.current
{
display
:
block
}
html
,
body
,
div
,
span
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
code
,
del
,
dfn
,
em
,
img
,
q
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
i
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-weight
:
inherit
;
font-style
:
inherit
;
font-size
:
100%
;
font-family
:
inherit
;
vertical-align
:
baseline
}
body
{
line-height
:
1.5
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
caption
,
th
,
td
,
b
,
strong
{
text-align
:
left
;
font-weight
:
normal
}
table
,
td
,
th
{
vertical-align
:
middle
}
blockquote
:before
,
blockquote
:after
,
q
:before
,
q
:after
{
content
:
""
}
blockquote
,
q
{
quotes
:
""
""
}
a
img
{
border
:
none
}
em
,
cite
{
font-style
:
normal
}
body
{
background
:
#fff
;
font
:
12px
/
1.5
"arial"
,
"helvetica"
,
"微软雅黑"
;
color
:
#000
;
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
html
{
width
:
100%
;
height
:
100%
;
padding
:
0
;
margin
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
normal
;
color
:
#111
}
a
{
text-decoration
:
none
;
cursor
:
pointer
}
a
:focus
{
outline
:
none
}
dl
,
dt
,
dd
,
ul
,
li
{
list-style
:
none
}
.clearfix
:before
,
.clearfix
:after
{
content
:
""
;
display
:
table
}
.clearfix
:after
{
clear
:
both
}
.clearfix
{
zoom
:
1
;
*
zoom
:
1
}
@font-face
{
font-family
:
'iconfont'
;
src
:
url("../fonts/iconfont.eot")
;
src
:
url("../fonts/iconfont.eot?#iefix")
format
(
"embedded-opentype"
),
url("../fonts/iconfont.woff")
format
(
"woff"
),
url("../fonts/iconfont.ttf")
format
(
"truetype"
),
url("../fonts/iconfont.svg#iconfont")
format
(
"svg"
)}
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
0.2px
;
-moz-osx-font-smoothing
:
grayscale
}
html
{
font-size
:
20px
}
@media
only
screen
and
(
min-width
:
360px
){
html
{
font-size
:
22.5px
!important
}}
@media
only
screen
and
(
min-width
:
375px
){
html
{
font-size
:
23.43px
!important
}}
@media
only
screen
and
(
min-width
:
401px
){
html
{
font-size
:
25px
!important
}}
@media
only
screen
and
(
min-width
:
428px
){
html
{
font-size
:
26.75px
!important
}}
@media
only
screen
and
(
min-width
:
480px
){
html
{
font-size
:
30px
!important
}}
@media
only
screen
and
(
min-width
:
569px
){
html
{
font-size
:
35px
!important
}}
@media
only
screen
and
(
min-width
:
640px
){
html
{
font-size
:
40px
!important
}}
.header-download-wrap
{
height
:
2.2rem
}
.header-download-wrap.show
{
border-top
:
1px
solid
transparent
;
border-bottom
:
1px
solid
transparent
}
.header-download
{
position
:
relative
;
height
:
2.2rem
;
border-top
:
1px
solid
#bcbcbe
;
border-bottom
:
1px
solid
#000
;
background
:
#fff
}
.header-download.fix
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
z-index
:
20
}
.header-download
.tip-pic
{
position
:
absolute
;
top
:
50%
;
left
:
1rem
;
width
:
1.8rem
;
height
:
1.8rem
;
margin
:
-0.9rem
0
0
0
;
background
:
url('../images/yohood/mobile/app-icon.png?1429867973')
;
background-size
:
100%
100%
}
.header-download
.tip-info
{
position
:
relative
;
margin
:
0
0
0
3.1rem
}
.header-download
.tip-info
h2
{
font-size
:
0.6rem
;
line-height
:
0.7rem
;
margin-top
:
0.4rem
}
.header-download
.tip-info
p
{
color
:
#959192
;
font-size
:
0.5rem
;
line-height
:
0.7rem
}
.header-download
.tip-info
.yohoboy-download-app
{
position
:
absolute
;
width
:
2.65rem
;
height
:
1.05rem
;
top
:
0.1rem
;
right
:
1.5rem
;
border
:
1px
solid
#000
;
line-height
:
1.05rem
;
border-radius
:
2px
;
text-align
:
center
;
font-size
:
0.5rem
;
color
:
#000
}
.header-download
.tip-close
{
position
:
absolute
;
width
:
1rem
;
height
:
1rem
;
top
:
0
;
right
:
0
;
background
:
url('../images/yohood/mobile/tip-c.png?1430900294')
;
background-size
:
100%
100%
}
.logo
{
position
:
relative
;
height
:
2.15rem
;
line-height
:
2.15rem
;
text-align
:
center
;
font-size
:
1.2rem
;
border-bottom
:
1px
solid
#000
}
.logo
.back-btn
{
position
:
absolute
;
left
:
0.5rem
;
font-size
:
1.1rem
;
color
:
#000
}
.bd
{
padding-bottom
:
1rem
}
.slide-main
{
position
:
relative
}
.slide-box
{
width
:
100%
;
position
:
relative
;
overflow
:
hidden
;
height
:
7.75rem
}
.slide-box
.slide-wrap
{
width
:
100%
;
overflow
:
hidden
;
position
:
relative
}
.slide-box
.slide-wrap
.box
{
float
:
left
;
width
:
100%
;
position
:
relative
}
.slide-box
.slide-wrap
.box
img
{
display
:
block
;
width
:
100%
;
height
:
7.75rem
}
.slide-navigator
{
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
5px
;
text-align
:
center
}
.slide-navigator
.dib
{
display
:
inline-block
}
.slide-navigator
.dib
a
{
float
:
left
;
width
:
0.3rem
;
height
:
0.3rem
;
margin-left
:
0.15rem
;
background
:
#d0cfcb
;
border-radius
:
50%
}
.slide-navigator
.dib
a
:first-child
{
margin-left
:
0
}
.slide-navigator
.dib
.swiper-active-switch
,
.slide-navigator
.dib
.on
{
background
:
#989795
}
.layout-item
{
margin
:
0
0
2.25rem
0
}
.layout-item
.image-box
{
position
:
relative
;
height
:
10.3rem
;
overflow
:
hidden
}
.layout-item
.image-box
.item-tag
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
height
:
1.25rem
;
padding
:
0
0.5rem
;
line-height
:
1.25rem
;
background
:
#000
;
color
:
#fff
;
font-size
:
0.7rem
}
.layout-item
.image-box
.play-icon
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
2.3rem
;
height
:
2rem
;
margin
:
-1rem
0
0
-1.15rem
;
background
:
url('../images/yohood/mobile/play.png?1432022007')
;
background-size
:
100%
100%
}
.layout-item
.content
{
margin
:
0.5rem
0
0
0
;
padding
:
0
0.8rem
}
.layout-item
.content
h2
a
{
line-height
:
1.25rem
;
color
:
#000
;
font-size
:
1rem
}
.layout-item
.content
p
{
margin
:
0.5rem
0
0
0
;
font-size
:
0.7rem
;
line-height
:
1rem
}
.layout-item
.content
.time
{
color
:
#aaa
;
font-size
:
0.6rem
}
.pagination-inner
{
padding
:
0
0.75rem
}
.pagination-inner
a
{
float
:
left
;
font-size
:
0.9rem
;
color
:
#000
}
.pagination-inner
a
span
{
font-size
:
0.7rem
;
vertical-align
:
8%
}
.pagination-inner
a
.next
{
float
:
right
}
.cooperation-list
{
margin
:
0.6rem
0
0
0
}
.cooperation-list
li
{
float
:
left
;
margin
:
0
0.45rem
0.45rem
0
}
.cooperation-list
li
.img-box
{
width
:
6.9rem
;
height
:
4.65rem
;
line-height
:
4.65rem
;
overflow
:
hidden
;
border
:
1px
solid
#e0e0e0
;
text-align
:
center
}
.cooperation-list
li
.img-box
.current
{
border
:
1px
solid
#000
}
.cooperation-list
li
.img-box
img
{
vertical-align
:
middle
;
max-width
:
100%
;
max-height
:
100%
;
width
:
auto
}
.cooperation-list
li
p
{
margin
:
0.3rem
0
;
font-size
:
0.6rem
;
line-height
:
0.7rem
;
text-align
:
center
;
color
:
#000
}
.cooperation-list
li
:hover
.img-box
{
border
:
1px
solid
#000
}
.img-zoom
{
display
:
none
;
position
:
fixed
;
max-width
:
100%
;
z-index
:
99
;
top
:
50%
;
left
:
50%
}
.img-zoom
img
{
display
:
block
;
-width
:
100%
}
.img-zoom.show
{
display
:
block
}
.home-logo
{
border
:
none
}
.banner-swiper
{
height
:
7.8rem
;
overflow
:
hidden
}
.banner-swiper
img
{
width
:
100%
}
.channel-list
li
{
float
:
left
;
margin
:
1.1rem
0
0
1.45rem
;
text-align
:
center
}
.channel-list
.channel-pic
{
width
:
3.3rem
;
height
:
3.3rem
;
line-height
:
3.3rem
;
border-radius
:
50%
;
border
:
1px
solid
#000
;
text-align
:
center
;
color
:
#000
;
font-size
:
1.2rem
}
.channel-list
.video
{
font-size
:
0.8rem
}
.channel-list
.recmmend
{
background
:
url('../images/yohood/mobile/recmmend.png?1432276856')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
.show
{
background
:
url('../images/yohood/mobile/show.png?1432276861')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
.ticket
{
background
:
url('../images/yohood/mobile/ticket.png?1434349769')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
.contact
{
font-size
:
0.8rem
}
.channel-list
.channel-name
{
margin-top
:
0.45rem
;
line-height
:
0.75rem
;
font-size
:
0.6rem
;
font-weight
:
bold
;
color
:
#000
}
.channel-list
.channel-name-cn
{
line-height
:
0.75rem
;
font-size
:
0.6rem
;
color
:
#000
}
.channel-list
li
.current
.channel-pic
{
color
:
#fff
;
background
:
#000
}
.channel-list
li
.current
.channel-pic.recmmend
{
background
:
#000
url('../images/yohood/mobile/recmmend-current.png?1432276852')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
li
.current
.channel-pic.show
{
background
:
#000
url('../images/yohood/mobile/show-current.png?1432276858')
no-repeat
center
center
;
background-size
:
36%
auto
}
.channel-list
li
.current
.channel-pic.ticket
{
background
:
#000
url('../images/yohood/mobile/ticket-current.png?1434349767')
no-repeat
center
center
;
background-size
:
36%
auto
}
.content-tab
{
margin
:
0.6rem
0
0
0
;
text-align
:
center
}
.content-tab
ul
{
display
:
inline-block
;
border-left
:
1px
solid
#000
}
.content-tab
ul
li
{
float
:
left
;
border
:
1px
solid
#000
;
border-left
:
none
}
.content-tab
ul
li
a
{
display
:
block
;
width
:
4.8rem
;
height
:
1.7rem
;
line-height
:
1.7rem
;
text-align
:
center
;
font-size
:
0.7rem
;
color
:
#000
}
.content-tab
ul
li
.current
{
background
:
#000
}
.content-tab
ul
li
.current
a
{
color
:
#fff
}
.activity-main
{
margin
:
0.6rem
0
0
0
}
.activity-content
{
display
:
none
}
.activity-content
img
{
width
:
100%
}
.activity-content
.section
{
margin
:
1.2em
0
0
0
}
.activity-content
.section
p
,
.activity-content
.section
h4
{
padding
:
0
0.8rem
;
line-height
:
1rem
;
font-size
:
0.7rem
}
.activity-content.current
{
display
:
block
}
.activity-cooperation
{
padding
:
0
0
0
0.8rem
}
.activity-cooperation
h2
{
font-size
:
0.8rem
;
color
:
#000
;
line-height
:
1.1rem
}
.search-wrap
{
position
:
relative
;
z-index
:
2
;
height
:
2.2rem
;
padding
:
0
0.4rem
;
background
:
#f0f0f0
;
text-align
:
center
}
.search-wrap
input
{
width
:
15.2rem
;
height
:
1.4rem
;
margin
:
0.4rem
0
0
0
;
padding
:
0
;
border
:
none
;
outline
:
none
;
font-size
:
0.7rem
;
border-radius
:
2px
}
.search-wrap
input
:focus
,
.search-wrap
input
.hasVal
{
width
:
13.6rem
;
padding-left
:
1.6rem
}
.search-wrap
.search-btn
{
position
:
absolute
;
color
:
#8e8e93
;
font-size
:
0.7rem
;
top
:
0.6rem
;
left
:
50%
;
margin-left
:
-1.05rem
}
.search-wrap
.search-btn
span
{
margin-right
:
0.1rem
;
font-size
:
0.7rem
;
vertical-align
:
2%
}
.search-wrap
input
:focus
~
.search-btn
,
.search-wrap
input
.hasVal
~
.search-btn
{
left
:
0.9rem
;
margin-left
:
0
}
.search-wrap
input
:focus
~
.search-btn
em
,
.search-wrap
input
.hasVal
~
.search-btn
em
{
display
:
none
}
.brand-content
{
padding
:
0
0
0
0.8rem
}
.no-search
{
display
:
none
;
text-align
:
center
;
font-size
:
0.6rem
;
margin
:
1rem
0
0
0
}
.no-search
a
{
font-size
:
0.6rem
;
line-height
:
0.8rem
;
color
:
#000
}
.overlay
{
display
:
none
;
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.5
);
z-index
:
1
}
.overlay.show
{
display
:
block
}
.main-title
{
font-size
:
0.8rem
;
line-height
:
2.3rem
;
text-align
:
center
;
color
:
#000
}
.video-wrap
.layout-item
.image-box
{
height
:
10.3rem
}
.video-wrap
.layout-item
img
{
width
:
100%
}
.scene-bd
{
padding
:
0
}
.scene-tab
{
margin
:
0.5rem
0
0
0.7rem
}
.scene-tab
li
{
float
:
left
;
width
:
4.8rem
;
height
:
1.7rem
;
line-height
:
1.7rem
;
text-align
:
center
;
background
:
#fff
;
border
:
1px
solid
#000
}
.scene-tab
li
a
{
font-size
:
0.6rem
;
color
:
#000
}
.scene-tab
li
.current
{
background
:
#000
}
.scene-tab
li
.current
a
{
color
:
#fff
}
.scene-tab
li
.disable.current
{
background
:
#ebebeb
;
color
:
#fff
;
border-color
:
#ebebeb
;
cursor
:
default
}
.scene-tab
li
.disable.current
a
{
color
:
#fff
}
.scene-tab
li
.disable
{
background
:
#fff
;
border-color
:
#ebebeb
;
cursor
:
default
}
.scene-tab
li
.disable
a
{
color
:
#ebebeb
}
.scene-content
{
position
:
relative
;
margin
:
0
0
0
0.7rem
;
border-left
:
2px
solid
#e0e0e0
}
.scene-content
.scene-intro
{
position
:
absolute
;
top
:
0.75rem
;
left
:
1.15rem
;
padding
:
0
0.8rem
;
height
:
1.4rem
;
line-height
:
1.4rem
;
background
:
#000
;
color
:
#fff
;
font-size
:
0.6rem
}
.scene-content
.scene-intro
:before
{
position
:
absolute
;
content
:
""
;
width
:
0.3rem
;
height
:
0.85rem
;
top
:
0
;
left
:
-0.3rem
;
background
:
url("../images/yohood/site-activity-intro-icon.png")
no-repeat
;
background-size
:
100%
100%
}
.scene-content
.scene-time
{
position
:
absolute
;
top
:
2.5rem
;
left
:
1.15rem
;
color
:
#aeaeae
}
.scene-content
.scene-icon
{
position
:
absolute
;
top
:
1.45rem
;
left
:
-0.2rem
;
width
:
0.3rem
;
height
:
0.3rem
;
background
:
url("../images/yohood/site-activity-icon.png")
no-repeat
;
background-size
:
100%
100%
}
.scene-content
.main-layout
{
display
:
none
}
.scene-content
.main-layout.current
{
display
:
block
}
.scene-content
.layout-section
{
position
:
relative
;
padding
:
4.15rem
0
0
0.8rem
}
.scene-content
.layout-item
{
width
:
13.6rem
}
.scene-content
.image-box
img
{
width
:
100%
}
.show-title
{
color
:
#0099bb
}
.layout-item
.image-box
{
height
:
16rem
}
.layout-item
.image-box
img
{
width
:
100%
;
height
:
100%
}
.layout-item
.image-box
.pic-tip
{
display
:
block
;
position
:
absolute
;
background
:
rgba
(
255
,
255
,
255
,
0.9
);
color
:
#009abe
;
text-decoration
:
none
;
height
:
0.6rem
;
line-height
:
0.6rem
;
padding
:
0
0.25rem
;
border-radius
:
11px
;
font-family
:
'Helvetica'
;
font-weight
:
bold
;
box-shadow
:
1px
2px
2px
rgba
(
0
,
0
,
0
,
0.5
)}
.layout-item
.image-box
.pic-tip
:after
{
position
:
absolute
;
content
:
""
;
background-image
:
url("../images/yohood/vedio-btn.png")
;
background-repeat
:
no-repeat
;
background-position
:
0
-55px
;
background-size
:
30px
310px
;
width
:
7px
;
height
:
5px
;
top
:
0.4rem
;
left
:
-0.1rem
;
z-index
:
10
}
.contact-us-section
{
margin
:
0.5rem
0
0
0
;
text-align
:
center
}
.contact-us-section
h2
{
font-size
:
0.8rem
}
.contact-us-section
p
{
font-size
:
0.7rem
;
line-height
:
1rem
}
.detail-title
{
margin
:
0.75rem
0
;
padding
:
0
0
0
0.7rem
}
.detail-title
.title
{
line-height
:
1.2rem
;
font-size
:
1rem
;
font-weight
:
bold
}
.detail-title
.subtitle
{
margin
:
0.25rem
0
0
0
;
font-size
:
0.6rem
;
line-height
:
0.75rem
;
color
:
#a5a5a5
}
.brand-title
{
margin
:
0.4rem
0
}
.brand-title
.title
{
font-size
:
0.8rem
;
text-align
:
center
}
.detail-article
{
margin
:
0.75rem
0.75rem
0
;
font-size
:
0.7rem
;
line-height
:
1.2rem
}
.detail-article
img
{
margin-left
:
-0.75rem
;
width
:
16rem
}
.detail-article
p
{
margin
:
0.5rem
0
;
font-size
:
0.7rem
;
line-height
:
1.2rem
}
.related-post
{
margin
:
1.4rem
0.85rem
0
0.85rem
}
.related-post
h2
{
font-weight
:
bold
;
font-size
:
0.8rem
;
line-height
:
0.9rem
}
.related-post
ul
{
margin
:
0.2rem
0
0
0
}
.related-post
ul
li
{
margin
:
0.8rem
0
0
0
;
padding
:
0.8rem
0
0
0
;
border-top
:
1px
solid
#e5e5e5
}
.related-post
ul
li
a
{
display
:
block
}
.related-post
ul
li
.image-box
{
float
:
left
;
width
:
4.8rem
;
height
:
3.05rem
}
.related-post
ul
li
.image-box
img
{
width
:
100%
;
height
:
100%
}
.related-post
ul
li
.content
{
float
:
left
;
width
:
9.1rem
;
margin
:
0.4rem
0
0
0.4rem
;
font-size
:
0.7rem
;
line-height
:
1.1rem
;
color
:
#000
}
.related-post
ul
li
:first-child
{
border-top
:
none
}
.share
{
position
:
fixed
;
bottom
:
0
;
left
:
0
;
right
:
0
;
background-image
:
linear-gradient
(
rgba
(
255
,
255
,
255
,
0
),
#fff
);
text-align
:
center
}
.share
ul
{
display
:
inline-block
}
.share
li
{
float
:
left
;
margin-left
:
2.05rem
}
.share
li
a
{
display
:
block
;
width
:
46px
;
height
:
48px
;
background-image
:
url('../images/yohood/mobile/share.png?1432706070')
;
background-size
:
100%
auto
}
.share
li
:first-child
{
margin-left
:
0
}
.share
.yohoo-share-button-sina
a
{
background-position
:
0
-151px
}
.share
.yohoo-share-button-qq
a
{
background-position
:
0
-50px
}
.enter-store
{
display
:
block
;
width
:
4.7rem
;
height
:
1.65rem
;
margin
:
0.75rem
auto
0
;
padding-left
:
34px
;
line-height
:
1.75rem
;
border
:
1px
solid
#000
;
border-radius
:
4px
;
background
:
#fff
;
color
:
#000
;
background
:
url("../images/yohood/enter-store.png")
no-repeat
10px
center
}
.news-select
{
position
:
relative
;
margin
:
0.75rem
0
;
text-align
:
center
}
.news-select
select
{
font-size
:
0.8rem
;
border
:
none
;
outline
:
none
;
font-family
:
"arial"
,
"helvetica"
,
"微软雅黑"
;
text-align
:
center
;
border-color
:
red
}
.news-select
select
option
{
border-color
:
red
}
.news-main
{
display
:
none
}
.news-main.current
{
display
:
block
}
...
...
res/js/mobile.js
View file @
1954b8d
...
...
@@ -104,8 +104,8 @@ define('mobile', function(require, exports) {
}
//品牌列表点击效果
$
(
'.cooperation-list'
).
on
(
'tap'
,
'li'
,
function
()
{
$
(
this
).
addClass
(
'current'
).
siblings
().
removeClass
(
'current'
);
$
(
'.cooperation-list'
).
on
(
'tap'
,
'.img-box'
,
function
()
{
$
(
this
).
addClass
(
'current'
).
parents
(
'li'
).
siblings
().
find
(
'.img-box'
).
removeClass
(
'current'
);
});
//搜索框获得焦点
...
...
website/view/script/activity/planmobile.php
View file @
1954b8d
...
...
@@ -26,7 +26,7 @@
foreach(
$plans
as
$plan
):?>
<div class="
layout
-
item
clearfix
">
<div class="
image
-
box
">
<img data-original="
<?
php
echo
Lib_Images
::
getImageUrl
(
$plan
[
'pic'
],
'source'
,
'fragmentimg'
);
?>
?imageView/2/w/
32
0"
<img data-original="
<?
php
echo
Lib_Images
::
getImageUrl
(
$plan
[
'pic'
],
'source'
,
'fragmentimg'
);
?>
?imageView/2/w/
48
0"
src="
<?php
echo
Lib_Images
::
getImageUrl
(
$plan
[
'pic'
],
'source'
,
'fragmentimg'
);
?>
?imageView/2/w/320" alt="" >
</div>
<div
class=
"content"
>
...
...
Please
register
or
login
to post a comment
