Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
yohobuy-node
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
1
Merge Requests
0
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Plain Diff
Browse Files
Authored by
yyq
9 years ago
Commit
6a2ba9568020531ddd9c797b02008d9e698f379a
2 parents
c3d70137
90d94552
Merge branch 'develop' of
http://git.dev.yoho.cn/web/yohobuy-node
into develop
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
88 additions
and
28 deletions
apps/activity/controllers/special.js
apps/activity/index.js
apps/activity/models/special.js
apps/activity/views/action/special.hbs
library/helpers.js
package.json
public/dist/yohobuy-node/0.0.1/index.css
test/library/helpers.test.js
apps/activity/controllers/special.js
View file @
6a2ba95
...
...
@@ -8,34 +8,25 @@
const
headerModel
=
require
(
'../../../doraemon/models/header'
);
const
specialModel
=
require
(
'../models/special'
);
const
log
=
require
(
`
$
{
global
.
library
}
/logger`
)
;
const
_
=
require
(
'lodash'
);
const
saleLogger
=
(
err
,
res
)
=>
{
log
.
error
(
'activity page error info:'
+
JSON
.
stringify
(
err
));
res
.
send
(
'error'
);
// res.render('error', {devEnv: true, pageErr: true});
};
exports
.
special
=
(
req
,
res
)
=>
{
let
id
=
req
.
params
[
0
]
||
0
;
let
channel
=
req
.
query
.
channel
?
req
.
query
.
channel
:
'boys'
;
Promise
.
all
([
headerModel
.
requestHeaderData
(),
specialModel
.
getSpecialData
(
id
)]).
then
((
result
)
=>
{
let
headerData
=
{
specialModel
.
getSpecialData
(
id
).
then
((
result
)
=>
{
let
headerData
=
headerModel
.
setHeaderData
(
result
[
0
].
data
,
channel
);
result
[
1
].
title
=
result
[
1
].
pageTitle
;
result
[
1
].
keywords
=
result
[
1
].
keyWord
;
result
[
1
].
description
=
result
[
1
].
pageDesc
;
res
.
render
(
'special'
,
_
.
merge
({
module
:
'index'
,
page
:
'index'
,
footerTop
:
true
};
let
saleData
=
result
[
1
];
let
data
=
{};
data
=
_
.
merge
(
headerData
,
saleData
,
headerModel
.
setHeaderData
(
result
[
0
].
data
,
channel
));
res
.
render
(
'special'
,
data
);
},
headerData
,
result
[
1
]));
}).
catch
((
err
)
=>
{
saleLogger
(
err
,
res
);
res
.
send
(
err
);
});
};
...
...
apps/activity/index.js
View file @
6a2ba95
...
...
@@ -23,7 +23,7 @@ app.engine('.hbs', hbs({
defaultLayout
:
'layout'
,
layoutsDir
:
doraemon
,
partialsDir
:
[
path
.
join
(
__dirname
,
'views/partial'
),
`
$
{
doraemon
}
/partial`]
,
helpers
:
'helpers'
helpers
:
require
(
'../../library/helpers'
)
}));
// router
...
...
apps/activity/models/special.js
View file @
6a2ba95
...
...
@@ -7,17 +7,24 @@
const
ServiceAPI
=
require
(
`
$
{
global
.
library
}
/api`
)
.ServiceAPI
;
const
sign
=
require
(
`
$
{
global
.
library
}
/sign`
)
;
const
logger
=
require
(
`
$
{
global
.
library
}
/logger`
)
;
const
headerModel
=
require
(
'../../../doraemon/models/header'
);
var
api
=
new
ServiceAPI
();
exports
.
getSpecialData
=
(
id
)
=>
{
return
api
.
get
(
'activity/staticFileManage/queryById'
,
sign
.
apiSign
({
const
getstaticFile
=
(
id
)
=>
{
return
api
.
get
(
'staticFileManage/queryById'
,
sign
.
apiSign
({
id
:
id
})).
then
(
result
=>
{
if
(
result
&&
result
.
code
===
200
)
{
return
result
.
data
;
}
else
{
return
Promise
.
reject
(
'error'
);
logger
.
error
(
`专题活动
ID
:
$
{
id
}
接口返回数据错误`
);
return
{};
}
});
};
exports
.
getSpecialData
=
(
id
)
=>
{
return
Promise
.
all
([
headerModel
.
requestHeaderData
(),
getstaticFile
(
id
)]);
};
...
...
apps/activity/views/action/special.hbs
View file @
6a2ba95
{{{
content
}}}
\ No newline at end of file
{{{
content
}}}
<!-- updateAt
{{
updateTime
}}
-->
...
...
library/helpers.js
View file @
6a2ba95
...
...
@@ -6,6 +6,7 @@
'use strict'
;
const
querystring
=
require
(
'querystring'
);
const
_
=
require
(
'lodash'
);
const
moment
=
require
(
'moment'
);
const
config
=
require
(
'../config/common'
);
/**
...
...
@@ -29,8 +30,8 @@ exports.image = (url, width, height, mode) => {
* @param {[string]} module 模块
* @return {[string]}
*/
exports
.
url
=
(
uri
,
qs
,
module
)
=>
{
const
subDomain
=
'.m.yohobuy.com'
;
exports
.
urlFormat
=
(
uri
,
qs
,
module
)
=>
{
const
subDomain
=
'.yohobuy.com'
;
const
subName
=
{
default
:
config
.
siteUrl
,
guang
:
'//guang'
+
subDomain
,
...
...
@@ -75,3 +76,62 @@ exports.upperCase = (str) => {
str
=
str
||
''
;
return
str
.
toUpperCase
();
};
/**
* 时间格式化
* @param format 格式化token @see{http://momentjs.cn/docs/#/displaying/format/}
* @param date 日期或者数字
* @return string
*
*/
exports
.
dateFormat
=
(
format
,
date
)
=>
{
if
(
typeof
format
!==
'string'
||
typeof
date
===
'undefined'
)
{
return
''
;
}
else
{
if
(
date
instanceof
Date
)
{
return
moment
(
date
).
format
(
format
);
}
else
{
let
d
=
moment
.
unix
(
date
);
return
moment
(
d
).
utc
().
format
(
format
);
}
}
};
/**
* 时间差格式化
* @param {[string]} format 格式化字符串
* @param {[number]} diff 相差值
* @param {[string]} type diff时间类型 默认ms
*
* Key Shorthand
* years y
* quarters Q
* months M
* weeks w
* days d
* hours h
* minutes m
* seconds s
* milliseconds ms
*
* @example
* let diff = 60 * 60 * 24 * (1.3) + 2;
*
* let s = helpers.dateDiffFormat('{d}天{h}小时', diff, 's');
* >>> 1天7小时
*/
exports
.
dateDiffFormat
=
(
format
,
diff
,
type
)
=>
{
if
(
typeof
format
!==
'string'
||
typeof
diff
===
'undefined'
)
{
return
''
;
}
else
{
type
=
type
||
'ms'
;
let
m
=
moment
.
duration
(
diff
,
type
);
format
.
match
(
/
(\{
.*
?\})
/g
).
forEach
((
s
)
=>
{
format
=
format
.
replace
(
s
,
m
.
get
(
s
.
substring
(
1
,
s
.
length
-
1
)));
});
return
format
;
}
};
...
...
package.json
View file @
6a2ba95
...
...
@@ -40,6 +40,7 @@
"lodash"
:
"^4.12.0"
,
"md5"
:
"^2.1.0"
,
"memcached"
:
"^2.2.2"
,
"moment"
:
"^2.13.0"
,
"morgan"
:
"^1.7.0"
,
"oneapm"
:
"^1.2.20"
,
"request-promise"
:
"^3.0.0"
,
...
...
public/dist/yohobuy-node/0.0.1/index.css
View file @
6a2ba95
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
audio
,
b
,
big
,
blockquote
,
body
,
canvas
,
caption
,
center
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
div
,
dl
,
dt
,
em
,
embed
,
fieldset
,
figcaption
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
hgroup
,
html
,
i
,
iframe
,
img
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
output
,
p
,
pre
,
q
,
ruby
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
tt
,
u
,
ul
,
var
,
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
,
td
,
th
{
text-align
:
left
;
font-weight
:
400
;
vertical-align
:
middle
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
""
;
content
:
none
}
a
img
{
border
:
none
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
menu
,
nav
,
section
,
summary
{
display
:
block
}
.clearfix
:after
{
content
:
''
;
display
:
block
;
clear
:
both
}
body
{
font-family
:
arial
,
Microsoft
YaHei
}
@font-face
{
font-family
:
iconfont
;
src
:
url(../assets/font/iconfont.eot?v154ccdfc268)
;
src
:
url(../assets/font/iconfont.eot?v154ccdfc268#iefix)
format
(
'embedded-opentype'
),
url(../assets/font/iconfont.woff?v154ccdfc650)
format
(
'woff'
),
url(../assets/font/iconfont.ttf?v154ccdfc268)
format
(
'truetype'
),
url(../assets/font/iconfont.svg?v154ccdfc268#iconfont)
format
(
'svg'
)}
.iconfont
{
font-family
:
iconfont
!important
;
font-size
:
16px
;
font-style
:
normal
;
text-decoration
:
none
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.center-content
{
width
:
1150px
;
margin-left
:
auto
;
margin-right
:
auto
}
.min-screen
.center-content
{
width
:
990px
}
.left
,
.pull-left
{
float
:
left
}
.pull-right
,
.right
{
float
:
right
}
.center
{
text-align
:
center
}
.hide
{
display
:
none
!important
}
a
:focus
,
input
,
textarea
{
outline
:
none
}
a
{
text-decoration
:
none
;
color
:
#000
}
.body-mask
{
position
:
absolute
;
z-index
:
2
;
background
:
#000
;
opacity
:
.2
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
;
top
:
0
;
left
:
0
}
.yoho-header
.tool-wrapper
{
width
:
100%
;
height
:
32px
;
line-height
:
32px
;
font-size
:
12px
;
background-color
:
#f4f4f4
}
.yoho-header
.tool-wrapper
.yoho-group-map
{
padding
:
0
5px
}
.yoho-header
.tool-wrapper
.yoho-group-map
.yoho-group-list
{
position
:
absolute
;
display
:
none
;
width
:
170px
;
top
:
32px
;
margin-left
:
-5px
;
background-color
:
#f4f4f4
;
padding
:
20px
0
20px
20px
;
z-index
:
4
}
.yoho-header
.tool-wrapper
.yoho-group-map
li
a
{
color
:
#9196a0
;
font-size
:
14px
}
.yoho-header
.tool-wrapper
.yoho-group-map
li
:hover
a
{
color
:
#000
}
.yoho-header
.tool-wrapper
.yoho-group-map
:hover
{
background-color
:
#dcdcdc
}
.yoho-header
.tool-wrapper
.yoho-group-map
:hover
.yoho-group-list
{
display
:
block
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
{
float
:
left
;
padding-right
:
10px
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
span
{
display
:
inline-block
;
vertical-align
:
middle
;
line-height
:
30px
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
.hi
{
vertical-align
:
top
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
a
{
color
:
#8e8e8e
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
.nick-name
{
color
:
#000
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
.tag-seprate
{
width
:
0
;
margin-top
:
11px
;
margin-right
:
12px
;
height
:
14px
;
float
:
left
;
border-left
:
1px
solid
#dcdcdc
}
.yoho-header
.tool-wrapper
.simple-user-center
{
top
:
32px
;
margin-left
:
-110px
;
width
:
300px
;
position
:
absolute
;
background-color
:
#f8f8f8
;
z-index
:
2
;
display
:
none
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-header
{
margin
:
17px
auto
0
;
width
:
257px
;
border-bottom
:
1px
solid
#dcdcdc
;
text-align
:
center
;
padding-bottom
:
15px
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-img
{
width
:
63px
;
height
:
63px
;
margin
:
0
auto
;
border-radius
:
50%
;
overflow
:
hidden
;
background
:
url(../assets/img/layout/default-thumb.png?v154ccdfc650)
50%
;
filter
:
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"
;
background-size
:
100%
100%
;
-moz-background-size
:
100%
100%
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-name
{
margin-top
:
14px
;
line-height
:
25px
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-level
{
color
:
#000
;
height
:
20px
;
line-height
:
20px
;
font-size
:
18px
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-level
span
{
color
:
#8cc4f9
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-detail
{
font-size
:
14px
;
line-height
:
14px
;
padding-top
:
10px
;
padding-left
:
20px
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-view-bar
{
width
:
150px
;
height
:
14px
;
margin-right
:
5px
;
text-align
:
left
;
background-color
:
#e2e2e2
;
display
:
inline-block
;
vertical-align
:
middle
;
overflow
:
hidden
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-view-bar
.text-span
{
font-size
:
16px
;
line-height
:
16px
;
padding-left
:
3px
;
position
:
absolute
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-view-bar
.integrate
{
height
:
14px
;
background-color
:
#ceae64
;
padding-left
:
5px
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-content
{
padding
:
20px
30px
0
;
border-bottom
:
1px
solid
#dcdcdc
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-content
li
{
float
:
none
;
font-size
:
16px
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-content
a
{
font-size
:
14px
;
color
:
#000
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-footer
{
height
:
51px
;
line-height
:
51px
;
text-align
:
center
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-footer
a
{
font-size
:
14px
;
color
:
#000
}
.yoho-header
.tool-wrapper
.myyoho
:hover
{
background-color
:
#dcdcdc
}
.yoho-header
.tool-wrapper
.myyoho
:hover
.simple-user-center
{
display
:
block
}
.yoho-header
.tool-wrapper
.download-app-box
{
position
:
absolute
;
top
:
32px
;
margin-left
:
-100px
;
width
:
231px
;
height
:
290px
;
background-color
:
#f8f8f8
;
z-index
:
4
;
display
:
none
}
.yoho-header
.tool-wrapper
.download-app-box
.qr-img
{
position
:
relative
;
background-image
:
url(../assets/img/layout/qr.png?v154ccdfc650)
;
background-repeat
:
no-repeat
;
background-size
:
100%
100%
;
margin
:
32px
auto
15px
;
width
:
143px
;
height
:
147px
}
.yoho-header
.tool-wrapper
.download-app-box
.qr-words
{
height
:
25px
;
line-height
:
25px
;
font-size
:
16px
;
text-align
:
center
}
.yoho-header
.tool-wrapper
.download-app-box
.qr-more
{
margin-top
:
6px
;
line-height
:
25px
;
font-size
:
14px
;
text-align
:
center
}
.yoho-header
.tool-wrapper
.phoneapp
:hover
{
background-color
:
#dcdcdc
}
.yoho-header
.tool-wrapper
.phoneapp
:hover
.download-app-box
{
display
:
block
}
.yoho-header
.tool-wrapper
.icon-hamburger
{
background
:
url(../assets/img/layout/hamburger.png?v154ccdfc650)
no-repeat
;
width
:
16px
;
height
:
12px
;
display
:
inline-block
;
vertical-align
:
middle
}
.yoho-header
.tool-wrapper
.icon-bottomarrow
{
background
:
url(../assets/img/layout/bottom-arrow.png?v154ccdfc650)
no-repeat
;
width
:
10px
;
height
:
5px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-papers
{
background
:
url(../assets/img/layout/paper.png?v154ccdfc650)
no-repeat
;
width
:
10px
;
height
:
14px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-heart
{
background
:
url(../assets/img/layout/heart.png?v154ccdfc650)
no-repeat
;
width
:
12px
;
height
:
11px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-mail
{
background
:
url(../assets/img/layout/mail.png?v154ccdfc650)
no-repeat
;
width
:
16px
;
height
:
10px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-phone
{
background
:
url(../assets/img/layout/iphone.png?v154ccdfc650)
no-repeat
;
width
:
8px
;
height
:
14px
;
margin-top
:
-2px
}
.yoho-header
.head-wrapper
{
width
:
100%
}
.yoho-header
.head-wrapper
.main-nav-list
{
display
:
inline-block
;
vertical-align
:
top
;
padding-top
:
45px
}
.yoho-header
.head-wrapper
.main-nav-list
li
{
float
:
left
;
padding
:
8px
23px
5px
}
.yoho-header
.head-wrapper
.main-nav-list
li
a
{
font-size
:
12px
;
line-height
:
14px
}
.yoho-header
.head-wrapper
.main-nav-list
li
.name-cn
a
{
font-size
:
16px
}
.yoho-header
.head-wrapper
.main-nav-list
.cure
{
color
:
#fff
;
background-color
:
#3a3a3a
}
.yoho-header
.head-wrapper
.main-nav-list
.cure
a
{
color
:
#fff
}
.yoho-header
.head-wrapper
.main-logo
{
background
:
url(../assets/img/layout/logo-en.png?v154ccdfc650)
no-repeat
50%
;
width
:
182px
;
height
:
53px
;
left
:
42%
;
margin-top
:
22px
;
position
:
absolute
;
animation
:
logoflip
20s
infinite
;
-moz-animation
:
logoflip
20s
infinite
;
-webkit-animation
:
logoflip
20s
infinite
;
-o-animation
:
logoflip
20s
infinite
}
.yoho-header
.head-wrapper
.main-logo
.main-link
{
display
:
block
;
width
:
100%
;
height
:
100%
}
.yoho-header
.head-wrapper
.func-area
{
float
:
right
;
width
:
378px
;
padding-right
:
18px
;
margin-top
:
45px
}
.yoho-header
.head-wrapper
.search-2016
{
width
:
320px
;
height
:
28px
;
background-color
:
#3a3a3a
;
border
:
1px
solid
#3a3a3a
;
display
:
inline-block
;
overflow
:
hidden
}
.yoho-header
.head-wrapper
.search-2016
input
{
width
:
240px
;
height
:
100%
;
border
:
none
;
background
:
#fff
;
box-sizing
:
border-box
;
padding
:
7px
0
9px
10px
}
.yoho-header
.head-wrapper
.search-2016
.search-btn
{
background
:
url(../assets/img/layout/search.png?v154ccdfc650)
no-repeat
50%
;
width
:
80px
;
height
:
28px
;
float
:
right
;
border
:
none
;
cursor
:
pointer
}
.yoho-header
.head-wrapper
.search-suggest
{
position
:
absolute
;
width
:
320px
;
border
:
1px
solid
#000
;
margin-top
:
29px
;
padding-top
:
20px
;
background-color
:
#fff
;
display
:
none
;
z-index
:
4
}
.yoho-header
.head-wrapper
.search-suggest
.action
,
.yoho-header
.head-wrapper
.search-suggest
li
:hover
{
background-color
:
#eee
}
.yoho-header
.head-wrapper
.search-suggest
a
{
display
:
block
;
padding
:
5px
;
height
:
25px
;
line-height
:
25px
;
font-size
:
12px
}
.yoho-header
.head-wrapper
.search-suggest
.valuenum
{
float
:
right
}
.yoho-header
.head-wrapper
.go-cart
{
width
:
30px
;
height
:
30px
;
float
:
right
;
cursor
:
pointer
;
position
:
relative
}
.yoho-header
.head-wrapper
.go-cart
.iconfont
{
font-size
:
26px
;
color
:
#3a3a3a
}
.yoho-header
.head-wrapper
.go-cart
.goods-num-tip
{
position
:
absolute
;
background
:
url(../assets/img/layout/ic-information.png?v154ccdfc650)
no-repeat
;
width
:
27px
;
height
:
20px
;
top
:
-10px
;
right
:
-15px
;
color
:
#fff
;
text-align
:
center
;
line-height
:
20px
;
font-size
:
12px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
{
position
:
absolute
;
top
:
30px
;
right
:
-14px
;
width
:
378px
;
background
:
#f8f8f8
url(../assets/img/layout/empty_car.png?v154ccdfc650)
no-repeat
106px
132px
;
z-index
:
4
;
display
:
none
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.empty-cart
{
padding
:
280px
0
200px
;
text-align
:
center
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.loading-cart
{
padding
:
200px
0
;
text-align
:
center
;
background
:
#f8f8f8
reslove
(
'layout/loading.gif'
)
no-repeat
center
170px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.rich-cart
{
background
:
#f8f8f8
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-list
{
padding-top
:
20px
;
margin-bottom
:
15px
;
max-height
:
444px
;
overflow-x
:
hidden
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
{
padding
:
0
0
18px
18px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
>
div
{
font-size
:
14px
;
display
:
inline-block
;
vertical-align
:
top
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
p
{
margin-bottom
:
12px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.goods-img
{
width
:
60px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.goods-info
{
width
:
170px
;
color
:
#b0b0b0
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.goods-price
{
min-width
:
90px
;
text-align
:
right
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.title
{
width
:
170px
;
height
:
14px
;
font-size
:
14px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.title
>
a
{
color
:
#666
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.activity-item
{
font-size
:
14px
;
margin-bottom
:
8px
;
padding-left
:
18px
;
line-height
:
18px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.activity-item
label
{
width
:
60px
;
height
:
18px
;
background-color
:
#3a3a3a
;
color
:
#fff
;
text-align
:
center
;
margin-right
:
13px
;
vertical-align
:
top
;
display
:
inline-block
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.activity-item
h3
{
width
:
250px
;
color
:
#3a3a3a
;
font-size
:
12px
;
word-break
:
break-all
;
display
:
inline-block
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.go-full-cart
{
padding
:
0
18px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.go-full-cart
>
div
{
height
:
61px
;
line-height
:
61px
;
border-top
:
1px
solid
#dcdcdc
;
text-align
:
center
}
.yoho-header
.head-wrapper
.on-hover
.mini-cart-wrapper
{
display
:
block
}
.yoho-header
.nav-wrapper
{
height
:
40px
;
width
:
100%
;
background-color
:
#3a3a3a
;
position
:
relative
}
.yoho-header
.nav-wrapper
.sub-nav-list
{
float
:
left
}
.yoho-header
.nav-wrapper
.sub-nav-list
li
{
float
:
left
;
line-height
:
40px
;
padding-right
:
46px
;
box-sizing
:
border-box
;
margin-right
:
38px
}
.yoho-header
.nav-wrapper
.sub-nav-list
.newlogo
{
display
:
block
;
width
:
26px
;
height
:
12px
;
background-image
:
url(../assets/img/layout/new.png?v154ccdfc650)
;
background-repeat
:
no-repeat
;
position
:
absolute
;
margin-top
:
-20px
;
margin-left
:
16px
}
.yoho-header
.nav-wrapper
.sub-nav-list
a
{
color
:
#fff
;
font-size
:
14px
;
line-height
:
14px
;
display
:
inline-block
}
.yoho-header
.nav-wrapper
.sub-nav-list
li
:hover
a
{
padding-bottom
:
3px
;
border-bottom
:
2px
solid
#fff
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
{
width
:
100%
;
height
:
410px
;
box-sizing
:
border-box
;
position
:
absolute
;
left
:
0
;
top
:
38px
;
display
:
none
;
padding
:
30px
0
;
background-color
:
#f8f8f8
;
z-index
:
3
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
a
{
font-size
:
14px
;
border-bottom
:
none
!important
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dl
{
float
:
left
;
width
:
278px
;
height
:
352px
;
box-sizing
:
border-box
;
border-left
:
1px
solid
#ccc
;
padding
:
0
50px
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dl
:first-child
{
width
:
228px
;
border-left
:
0
;
padding-left
:
0
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dt
{
width
:
180px
;
padding-bottom
:
10px
;
border-bottom
:
1px
solid
#000
;
line-height
:
18px
;
margin-bottom
:
20px
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dt
a
{
color
:
#000
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dd
{
line-height
:
14px
;
height
:
14px
;
margin-bottom
:
24px
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dd
a
{
color
:
#a1a1a1
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dd
a
:hover
{
text-decoration
:
underline
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
.hot
{
color
:
#e01
}
.yoho-header
.nav-wrapper
.show-detail
{
box-sizing
:
border-box
;
padding-left
:
19px
;
padding-right
:
19px
;
width
:
337px
;
height
:
250px
;
float
:
right
}
.yoho-header
.nav-wrapper
.show-detail
.title
{
width
:
100%
;
margin-top
:
40px
;
text-align
:
center
;
font-size
:
14px
;
color
:
#000
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.yoho-header.girls
.search-2016
{
background-color
:
#ff88ae
;
border-color
:
#ff88ae
}
.yoho-header.girls
.cure
,
.yoho-header.girls
.nav-wrapper
{
background-color
:
#ff88ae
!important
}
.yoho-header.girls
.go-cart
.iconfont
{
color
:
#ff88ae
}
.yoho-header.kids
.search-2016
{
background-color
:
#7bd3f9
;
border-color
:
#7bd3f9
}
.yoho-header.kids
.cure
,
.yoho-header.kids
.nav-wrapper
{
background-color
:
#7bd3f9
!important
}
.yoho-header.kids
.go-cart
.iconfont
{
color
:
#7bd3f9
}
.yoho-header.lifestyle
.search-2016
{
background-color
:
#5e4b3c
;
border-color
:
#5e4b3c
}
.yoho-header.lifestyle
.cure
,
.yoho-header.lifestyle
.nav-wrapper
{
background-color
:
#5e4b3c
!important
}
.yoho-header.lifestyle
.go-cart
.iconfont
{
color
:
#5e4b3c
}
.min-screen
.head-wrapper
.main-nav-list
>
li
{
padding
:
8px
14px
5px
}
.min-screen
.nav-wrapper
.sub-nav-list
>
li
{
margin-right
:
15px
}
.min-screen
.nav-wrapper
.show-detail
{
width
:
190px
;
padding-right
:
0
}
.min-screen
.head-wrapper
.main-logo
{
left
:
39%
}
.yoho-footer
{
font-size
:
12px
}
.yoho-footer
*
{
box-sizing
:
border-box
}
.yoho-footer
.red
{
color
:
#e01
}
.yoho-footer
.rgb6
{
color
:
#666
}
.yoho-footer
.rgb9
{
color
:
#999
}
.yoho-footer
.rgbf
{
color
:
#fff
}
.yoho-footer
.index-foot
{
background
:
#eee
;
padding
:
20px
0
}
.yoho-footer
.index-foot
dd
{
float
:
left
;
width
:
370px
;
margin-right
:
20px
;
overflow
:
hidden
}
.yoho-footer
.index-foot
dd
ul
{
margin-top
:
18px
;
padding-top
:
18px
}
.yoho-footer
.index-foot
dd
.last
{
margin-right
:
0
}
.yoho-footer
.foot-panel
{
background
:
#fff
;
padding
:
20px
}
.yoho-footer
.title
{
position
:
relative
;
text-align
:
center
}
.yoho-footer
.title-line
{
border-bottom
:
1px
solid
#ddd
;
position
:
absolute
;
top
:
9px
;
width
:
100%
;
left
:
0
}
.yoho-footer
.text
{
position
:
absolute
;
width
:
100%
;
text-align
:
center
;
left
:
0
;
top
:
0
}
.yoho-footer
.text
span
{
background
:
#fff
;
font-size
:
18px
;
line-height
:
18px
;
padding
:
0
10px
}
.yoho-footer
.item-nav
{
padding-top
:
20px
}
.yoho-footer
.item-nav
span
{
color
:
#fff
;
padding
:
0
3px
;
cursor
:
pointer
;
font-size
:
20px
}
.yoho-footer
.item-nav
.cur
{
color
:
#999
}
.yoho-footer
.vote
{
line-height
:
24px
}
.yoho-footer
.vote
input
{
margin
:
0
5px
0
1px
}
.yoho-footer
.vote
.button
{
height
:
24px
;
line-height
:
24px
;
width
:
55px
;
font-size
:
12px
;
margin-top
:
11px
;
margin-right
:
10px
;
background
:
#222
;
color
:
#fff
;
display
:
inline-block
;
text-align
:
center
;
cursor
:
pointer
}
.yoho-footer
.vote
p
{
height
:
24px
;
overflow
:
hidden
}
.yoho-footer
.vote
textarea
{
width
:
98%
;
height
:
68px
;
vertical-align
:
middle
;
margin
:
5px
0
0
;
resize
:
none
}
.yoho-footer
.vote-item
p
{
float
:
left
;
width
:
50%
}
.yoho-footer
.mobile
{
margin-right
:
-10px
}
.yoho-footer
.mobile
li
{
margin-right
:
10px
;
float
:
left
}
.yoho-footer
.mobile
img
{
display
:
block
;
width
:
103px
;
height
:
131px
}
.yoho-footer
.index-banner
{
width
:
100%
;
margin-top
:
20px
}
.yoho-footer
.two-dim
{
margin-right
:
-10px
;
overflow
:
hidden
}
.yoho-footer
.two-dim
li
{
border
:
1px
solid
#ddd
;
padding
:
7px
;
margin-right
:
10px
}
.yoho-footer
.two-dim
li
a
{
display
:
block
}
.yoho-footer
.two-dim
li
p
{
text-align
:
center
;
margin-top
:
13px
;
margin-bottom
:
3px
;
line-height
:
12px
}
.yoho-footer
.dim-img
{
display
:
block
;
width
:
87px
;
height
:
87px
}
.yoho-footer
.dim-hover
{
position
:
absolute
}
.yoho-footer
.dim-hover
img
{
width
:
38px
;
height
:
38px
}
.yoho-footer
.dim-active
.dim-img
{
opacity
:
1
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.yoho-footer
.dim-active
.dim-hover
{
display
:
none
}
.yoho-footer
.footerbottom
{
width
:
100%
}
.yoho-footer
.promise
{
padding
:
20px
0
10px
;
background
:
#000
}
.yoho-footer
.promise
.left
{
margin-right
:
60px
;
line-height
:
30px
;
font-size
:
12px
;
font-weight
:
700
}
.yoho-footer
.promise
.left
.iconfont
{
display
:
inline-block
;
font-weight
:
400
;
font-size
:
22px
;
vertical-align
:
middle
;
margin-right
:
5px
}
.yoho-footer
.promise
.left
:first-child
.iconfont
{
font-size
:
27px
}
.yoho-footer
.subscribe
{
border
:
1px
solid
#262626
;
width
:
240px
}
.yoho-footer
.subscribe
input
{
width
:
180px
;
height
:
32px
;
padding
:
0
10px
;
line-height
:
32px
;
border
:
none
;
margin
:
0
;
background
:
#000
}
.yoho-footer
.subscribe
a
{
display
:
block
;
float
:
right
;
margin-right
:
20px
;
font-size
:
20px
;
line-height
:
28px
;
opacity
:
.5
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.yoho-footer
.footer-help
{
background
:
#000
;
font-size
:
12px
;
overflow
:
hidden
}
.yoho-footer
.footer-help
>
div
{
padding
:
15px
0
;
border-top
:
1px
solid
#262626
}
.yoho-footer
.footer-help
ul
{
width
:
110%
}
.yoho-footer
.footer-help
p
{
line-height
:
24px
}
.yoho-footer
.footer-help
p
span
{
color
:
#fff
}
.yoho-footer
.footer-help
p
a
{
color
:
#666
}
.yoho-footer
.footer-help
p
a
:hover
{
text-decoration
:
underline
}
.yoho-footer
.footer-help
li
{
width
:
180px
}
.yoho-footer
.footer-help
.screen
{
border-top
:
1px
solid
#262626
;
padding
:
15px
0
}
.yoho-footer
.footer-link
{
background
:
#000
;
padding
:
10px
0
30px
;
font-size
:
12px
}
.yoho-footer
.footer-link
.right-flag
{
margin-top
:
3px
}
.yoho-footer
.footer-link
.right-flag
a
{
margin-right
:
5px
}
.yoho-footer
.footer-link
.about-us
{
line-height
:
20px
;
color
:
#666
;
margin-left
:
10px
}
.yoho-footer
.footer-link
.about-us
a
{
color
:
#666
}
.yoho-footer
.footer-link
.about-us
span
{
padding
:
0
10px
}
.yoho-footer
.return-top
{
position
:
fixed
;
width
:
60px
;
height
:
60px
;
left
:
50%
;
margin-left
:
595px
;
text-align
:
center
;
line-height
:
50px
;
color
:
#fff
;
background
:
#000
;
opacity
:
.5
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
;
bottom
:
20px
;
cursor
:
pointer
;
z-index
:
1
}
.yoho-footer
.return-top
.iconfont
{
font-size
:
34px
}
.yoho-footer
.return-top
:hover
{
opacity
:
.9
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
.yoho-footer
.return-top.min
{
left
:
100%
;
right
:
20px
;
margin-left
:
auto
}
.min-screen
.yoho-footer
.index-foot
dd
{
width
:
316px
}
.min-screen
.yoho-footer
.two-dim
{
margin-top
:
26px
;
margin-bottom
:
10px
;
overflow
:
hidden
}
.min-screen
.yoho-footer
.dim-img
{
width
:
69px
;
height
:
69px
}
.min-screen
.yoho-footer
.mobile
{
margin-top
:
26px
;
padding-bottom
:
15px
}
.min-screen
.yoho-footer
.mobile
img
{
width
:
85px
;
height
:
108px
}
.min-screen
.yoho-footer
.promise
.left
{
margin-right
:
45px
}
.min-screen
.yoho-footer
.subscribe
{
width
:
200px
}
.min-screen
.yoho-footer
.subscribe
input
{
width
:
140px
}
.min-screen
.yoho-footer
.footer-help
li
{
width
:
150px
}
.wrapper-404
{
padding
:
80px
0
}
.wrapper-404
.main-error
{
width
:
560px
;
height
:
240px
;
margin
:
0
auto
}
.wrapper-404
.main-error
.text1
{
font-size
:
24px
;
margin-top
:
60px
;
line-height
:
24px
}
.wrapper-404
.main-error
.text2
{
margin
:
18px
0
10px
;
line-height
:
12px
}
.wrapper-404
.main-error
.text3
a
{
text-decoration
:
none
;
color
:
#666
;
font-size
:
12px
;
outline
:
none
}
\ No newline at end of file
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
audio
,
b
,
big
,
blockquote
,
body
,
canvas
,
caption
,
center
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
div
,
dl
,
dt
,
em
,
embed
,
fieldset
,
figcaption
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
hgroup
,
html
,
i
,
iframe
,
img
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
output
,
p
,
pre
,
q
,
ruby
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
tt
,
u
,
ul
,
var
,
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
,
td
,
th
{
text-align
:
left
;
font-weight
:
400
;
vertical-align
:
middle
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
""
;
content
:
none
}
a
img
{
border
:
none
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
menu
,
nav
,
section
,
summary
{
display
:
block
}
.clearfix
:after
{
content
:
''
;
display
:
block
;
clear
:
both
}
body
{
font-family
:
arial
,
Microsoft
YaHei
}
@font-face
{
font-family
:
iconfont
;
src
:
url(../assets/font/iconfont.eot?v154cdaa07a8)
;
src
:
url(../assets/font/iconfont.eot?v154cdaa07a8#iefix)
format
(
'embedded-opentype'
),
url(../assets/font/iconfont.woff?v154cdaa07a8)
format
(
'woff'
),
url(../assets/font/iconfont.ttf?v154cdaa07a8)
format
(
'truetype'
),
url(../assets/font/iconfont.svg?v154cdaa07a8#iconfont)
format
(
'svg'
)}
.iconfont
{
font-family
:
iconfont
!important
;
font-size
:
16px
;
font-style
:
normal
;
text-decoration
:
none
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.center-content
{
width
:
1150px
;
margin-left
:
auto
;
margin-right
:
auto
}
.min-screen
.center-content
{
width
:
990px
}
.left
,
.pull-left
{
float
:
left
}
.pull-right
,
.right
{
float
:
right
}
.center
{
text-align
:
center
}
.hide
{
display
:
none
!important
}
a
:focus
,
input
,
textarea
{
outline
:
none
}
a
{
text-decoration
:
none
;
color
:
#000
}
.body-mask
{
position
:
absolute
;
z-index
:
2
;
background
:
#000
;
opacity
:
.2
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
;
top
:
0
;
left
:
0
}
.yoho-header
.tool-wrapper
{
width
:
100%
;
height
:
32px
;
line-height
:
32px
;
font-size
:
12px
;
background-color
:
#f4f4f4
}
.yoho-header
.tool-wrapper
.yoho-group-map
{
padding
:
0
5px
}
.yoho-header
.tool-wrapper
.yoho-group-map
.yoho-group-list
{
position
:
absolute
;
display
:
none
;
width
:
170px
;
top
:
32px
;
margin-left
:
-5px
;
background-color
:
#f4f4f4
;
padding
:
20px
0
20px
20px
;
z-index
:
4
}
.yoho-header
.tool-wrapper
.yoho-group-map
li
a
{
color
:
#9196a0
;
font-size
:
14px
}
.yoho-header
.tool-wrapper
.yoho-group-map
li
:hover
a
{
color
:
#000
}
.yoho-header
.tool-wrapper
.yoho-group-map
:hover
{
background-color
:
#dcdcdc
}
.yoho-header
.tool-wrapper
.yoho-group-map
:hover
.yoho-group-list
{
display
:
block
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
{
float
:
left
;
padding-right
:
10px
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
span
{
display
:
inline-block
;
vertical-align
:
middle
;
line-height
:
30px
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
.hi
{
vertical-align
:
top
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
li
a
{
color
:
#8e8e8e
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
.nick-name
{
color
:
#000
}
.yoho-header
.tool-wrapper
.yoho-buy-tools
.tag-seprate
{
width
:
0
;
margin-top
:
11px
;
margin-right
:
12px
;
height
:
14px
;
float
:
left
;
border-left
:
1px
solid
#dcdcdc
}
.yoho-header
.tool-wrapper
.simple-user-center
{
top
:
32px
;
margin-left
:
-110px
;
width
:
300px
;
position
:
absolute
;
background-color
:
#f8f8f8
;
z-index
:
2
;
display
:
none
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-header
{
margin
:
17px
auto
0
;
width
:
257px
;
border-bottom
:
1px
solid
#dcdcdc
;
text-align
:
center
;
padding-bottom
:
15px
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-img
{
width
:
63px
;
height
:
63px
;
margin
:
0
auto
;
border-radius
:
50%
;
overflow
:
hidden
;
background
:
url(../assets/img/layout/default-thumb.png?v154cdaa07a8)
50%
;
filter
:
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"
;
background-size
:
100%
100%
;
-moz-background-size
:
100%
100%
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-name
{
margin-top
:
14px
;
line-height
:
25px
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-level
{
color
:
#000
;
height
:
20px
;
line-height
:
20px
;
font-size
:
18px
}
.yoho-header
.tool-wrapper
.simple-user-center
.user-level
span
{
color
:
#8cc4f9
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-detail
{
font-size
:
14px
;
line-height
:
14px
;
padding-top
:
10px
;
padding-left
:
20px
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-view-bar
{
width
:
150px
;
height
:
14px
;
margin-right
:
5px
;
text-align
:
left
;
background-color
:
#e2e2e2
;
display
:
inline-block
;
vertical-align
:
middle
;
overflow
:
hidden
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-view-bar
.text-span
{
font-size
:
16px
;
line-height
:
16px
;
padding-left
:
3px
;
position
:
absolute
}
.yoho-header
.tool-wrapper
.simple-user-center
.level-view-bar
.integrate
{
height
:
14px
;
background-color
:
#ceae64
;
padding-left
:
5px
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-content
{
padding
:
20px
30px
0
;
border-bottom
:
1px
solid
#dcdcdc
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-content
li
{
float
:
none
;
font-size
:
16px
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-content
a
{
font-size
:
14px
;
color
:
#000
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-footer
{
height
:
51px
;
line-height
:
51px
;
text-align
:
center
}
.yoho-header
.tool-wrapper
.simple-user-center
.account-info-footer
a
{
font-size
:
14px
;
color
:
#000
}
.yoho-header
.tool-wrapper
.myyoho
:hover
{
background-color
:
#dcdcdc
}
.yoho-header
.tool-wrapper
.myyoho
:hover
.simple-user-center
{
display
:
block
}
.yoho-header
.tool-wrapper
.download-app-box
{
position
:
absolute
;
top
:
32px
;
margin-left
:
-100px
;
width
:
231px
;
height
:
290px
;
background-color
:
#f8f8f8
;
z-index
:
4
;
display
:
none
}
.yoho-header
.tool-wrapper
.download-app-box
.qr-img
{
position
:
relative
;
background-image
:
url(../assets/img/layout/qr.png?v154cdaa07a8)
;
background-repeat
:
no-repeat
;
background-size
:
100%
100%
;
margin
:
32px
auto
15px
;
width
:
143px
;
height
:
147px
}
.yoho-header
.tool-wrapper
.download-app-box
.qr-words
{
height
:
25px
;
line-height
:
25px
;
font-size
:
16px
;
text-align
:
center
}
.yoho-header
.tool-wrapper
.download-app-box
.qr-more
{
margin-top
:
6px
;
line-height
:
25px
;
font-size
:
14px
;
text-align
:
center
}
.yoho-header
.tool-wrapper
.phoneapp
:hover
{
background-color
:
#dcdcdc
}
.yoho-header
.tool-wrapper
.phoneapp
:hover
.download-app-box
{
display
:
block
}
.yoho-header
.tool-wrapper
.icon-hamburger
{
background
:
url(../assets/img/layout/hamburger.png?v154cdaa07a8)
no-repeat
;
width
:
16px
;
height
:
12px
;
display
:
inline-block
;
vertical-align
:
middle
}
.yoho-header
.tool-wrapper
.icon-bottomarrow
{
background
:
url(../assets/img/layout/bottom-arrow.png?v154cdaa07a8)
no-repeat
;
width
:
10px
;
height
:
5px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-papers
{
background
:
url(../assets/img/layout/paper.png?v154cdaa07a8)
no-repeat
;
width
:
10px
;
height
:
14px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-heart
{
background
:
url(../assets/img/layout/heart.png?v154cdaa07a8)
no-repeat
;
width
:
12px
;
height
:
11px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-mail
{
background
:
url(../assets/img/layout/mail.png?v154cdaa07a8)
no-repeat
;
width
:
16px
;
height
:
10px
;
margin-top
:
-2px
}
.yoho-header
.tool-wrapper
.icon-phone
{
background
:
url(../assets/img/layout/iphone.png?v154cdaa07a8)
no-repeat
;
width
:
8px
;
height
:
14px
;
margin-top
:
-2px
}
.yoho-header
.head-wrapper
{
width
:
100%
}
.yoho-header
.head-wrapper
.main-nav-list
{
display
:
inline-block
;
vertical-align
:
top
;
padding-top
:
45px
}
.yoho-header
.head-wrapper
.main-nav-list
li
{
float
:
left
;
padding
:
8px
23px
5px
}
.yoho-header
.head-wrapper
.main-nav-list
li
a
{
font-size
:
12px
;
line-height
:
14px
}
.yoho-header
.head-wrapper
.main-nav-list
li
.name-cn
a
{
font-size
:
16px
}
.yoho-header
.head-wrapper
.main-nav-list
.cure
{
color
:
#fff
;
background-color
:
#3a3a3a
}
.yoho-header
.head-wrapper
.main-nav-list
.cure
a
{
color
:
#fff
}
.yoho-header
.head-wrapper
.main-logo
{
background
:
url(../assets/img/layout/logo-en.png?v154cdaa07a8)
no-repeat
50%
;
width
:
182px
;
height
:
53px
;
left
:
42%
;
margin-top
:
22px
;
position
:
absolute
;
animation
:
logoflip
20s
infinite
;
-moz-animation
:
logoflip
20s
infinite
;
-webkit-animation
:
logoflip
20s
infinite
;
-o-animation
:
logoflip
20s
infinite
}
.yoho-header
.head-wrapper
.main-logo
.main-link
{
display
:
block
;
width
:
100%
;
height
:
100%
}
.yoho-header
.head-wrapper
.func-area
{
float
:
right
;
width
:
378px
;
padding-right
:
18px
;
margin-top
:
45px
}
.yoho-header
.head-wrapper
.search-2016
{
width
:
320px
;
height
:
28px
;
background-color
:
#3a3a3a
;
border
:
1px
solid
#3a3a3a
;
display
:
inline-block
;
overflow
:
hidden
}
.yoho-header
.head-wrapper
.search-2016
input
{
width
:
240px
;
height
:
100%
;
border
:
none
;
background
:
#fff
;
box-sizing
:
border-box
;
padding
:
7px
0
9px
10px
}
.yoho-header
.head-wrapper
.search-2016
.search-btn
{
background
:
url(../assets/img/layout/search.png?v154cdaa07a8)
no-repeat
50%
;
width
:
80px
;
height
:
28px
;
float
:
right
;
border
:
none
;
cursor
:
pointer
}
.yoho-header
.head-wrapper
.search-suggest
{
position
:
absolute
;
width
:
320px
;
border
:
1px
solid
#000
;
margin-top
:
29px
;
padding-top
:
20px
;
background-color
:
#fff
;
display
:
none
;
z-index
:
4
}
.yoho-header
.head-wrapper
.search-suggest
.action
,
.yoho-header
.head-wrapper
.search-suggest
li
:hover
{
background-color
:
#eee
}
.yoho-header
.head-wrapper
.search-suggest
a
{
display
:
block
;
padding
:
5px
;
height
:
25px
;
line-height
:
25px
;
font-size
:
12px
}
.yoho-header
.head-wrapper
.search-suggest
.valuenum
{
float
:
right
}
.yoho-header
.head-wrapper
.go-cart
{
width
:
30px
;
height
:
30px
;
float
:
right
;
cursor
:
pointer
;
position
:
relative
}
.yoho-header
.head-wrapper
.go-cart
.iconfont
{
font-size
:
26px
;
color
:
#3a3a3a
}
.yoho-header
.head-wrapper
.go-cart
.goods-num-tip
{
position
:
absolute
;
background
:
url(../assets/img/layout/ic-information.png?v154cdaa07a8)
no-repeat
;
width
:
27px
;
height
:
20px
;
top
:
-10px
;
right
:
-15px
;
color
:
#fff
;
text-align
:
center
;
line-height
:
20px
;
font-size
:
12px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
{
position
:
absolute
;
top
:
30px
;
right
:
-14px
;
width
:
378px
;
background
:
#f8f8f8
url(../assets/img/layout/empty_car.png?v154cdaa07a8)
no-repeat
106px
132px
;
z-index
:
4
;
display
:
none
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.empty-cart
{
padding
:
280px
0
200px
;
text-align
:
center
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.loading-cart
{
padding
:
200px
0
;
text-align
:
center
;
background
:
#f8f8f8
reslove
(
'layout/loading.gif'
)
no-repeat
center
170px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.rich-cart
{
background
:
#f8f8f8
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-list
{
padding-top
:
20px
;
margin-bottom
:
15px
;
max-height
:
444px
;
overflow-x
:
hidden
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
{
padding
:
0
0
18px
18px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
>
div
{
font-size
:
14px
;
display
:
inline-block
;
vertical-align
:
top
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
p
{
margin-bottom
:
12px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.goods-img
{
width
:
60px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.goods-info
{
width
:
170px
;
color
:
#b0b0b0
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.goods-price
{
min-width
:
90px
;
text-align
:
right
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.title
{
width
:
170px
;
height
:
14px
;
font-size
:
14px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.goods-item
.title
>
a
{
color
:
#666
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.activity-item
{
font-size
:
14px
;
margin-bottom
:
8px
;
padding-left
:
18px
;
line-height
:
18px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.activity-item
label
{
width
:
60px
;
height
:
18px
;
background-color
:
#3a3a3a
;
color
:
#fff
;
text-align
:
center
;
margin-right
:
13px
;
vertical-align
:
top
;
display
:
inline-block
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.activity-item
h3
{
width
:
250px
;
color
:
#3a3a3a
;
font-size
:
12px
;
word-break
:
break-all
;
display
:
inline-block
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.go-full-cart
{
padding
:
0
18px
}
.yoho-header
.head-wrapper
.mini-cart-wrapper
.go-full-cart
>
div
{
height
:
61px
;
line-height
:
61px
;
border-top
:
1px
solid
#dcdcdc
;
text-align
:
center
}
.yoho-header
.head-wrapper
.on-hover
.mini-cart-wrapper
{
display
:
block
}
.yoho-header
.nav-wrapper
{
height
:
40px
;
width
:
100%
;
background-color
:
#3a3a3a
;
position
:
relative
}
.yoho-header
.nav-wrapper
.sub-nav-list
{
float
:
left
}
.yoho-header
.nav-wrapper
.sub-nav-list
li
{
float
:
left
;
line-height
:
40px
;
padding-right
:
46px
;
box-sizing
:
border-box
;
margin-right
:
38px
}
.yoho-header
.nav-wrapper
.sub-nav-list
.newlogo
{
display
:
block
;
width
:
26px
;
height
:
12px
;
background-image
:
url(../assets/img/layout/new.png?v154cdaa07a8)
;
background-repeat
:
no-repeat
;
position
:
absolute
;
margin-top
:
-20px
;
margin-left
:
16px
}
.yoho-header
.nav-wrapper
.sub-nav-list
a
{
color
:
#fff
;
font-size
:
14px
;
line-height
:
14px
;
display
:
inline-block
}
.yoho-header
.nav-wrapper
.sub-nav-list
li
:hover
a
{
padding-bottom
:
3px
;
border-bottom
:
2px
solid
#fff
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
{
width
:
100%
;
height
:
410px
;
box-sizing
:
border-box
;
position
:
absolute
;
left
:
0
;
top
:
38px
;
display
:
none
;
padding
:
30px
0
;
background-color
:
#f8f8f8
;
z-index
:
3
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
a
{
font-size
:
14px
;
border-bottom
:
none
!important
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dl
{
float
:
left
;
width
:
278px
;
height
:
352px
;
box-sizing
:
border-box
;
border-left
:
1px
solid
#ccc
;
padding
:
0
50px
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dl
:first-child
{
width
:
228px
;
border-left
:
0
;
padding-left
:
0
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dt
{
width
:
180px
;
padding-bottom
:
10px
;
border-bottom
:
1px
solid
#000
;
line-height
:
18px
;
margin-bottom
:
20px
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dt
a
{
color
:
#000
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dd
{
line-height
:
14px
;
height
:
14px
;
margin-bottom
:
24px
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dd
a
{
color
:
#a1a1a1
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
dd
a
:hover
{
text-decoration
:
underline
}
.yoho-header
.nav-wrapper
.third-nav-wrapper
.hot
{
color
:
#e01
}
.yoho-header
.nav-wrapper
.show-detail
{
box-sizing
:
border-box
;
padding-left
:
19px
;
padding-right
:
19px
;
width
:
337px
;
height
:
250px
;
float
:
right
}
.yoho-header
.nav-wrapper
.show-detail
.title
{
width
:
100%
;
margin-top
:
40px
;
text-align
:
center
;
font-size
:
14px
;
color
:
#000
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.yoho-header.girls
.search-2016
{
background-color
:
#ff88ae
;
border-color
:
#ff88ae
}
.yoho-header.girls
.cure
,
.yoho-header.girls
.nav-wrapper
{
background-color
:
#ff88ae
!important
}
.yoho-header.girls
.go-cart
.iconfont
{
color
:
#ff88ae
}
.yoho-header.kids
.search-2016
{
background-color
:
#7bd3f9
;
border-color
:
#7bd3f9
}
.yoho-header.kids
.cure
,
.yoho-header.kids
.nav-wrapper
{
background-color
:
#7bd3f9
!important
}
.yoho-header.kids
.go-cart
.iconfont
{
color
:
#7bd3f9
}
.yoho-header.lifestyle
.search-2016
{
background-color
:
#5e4b3c
;
border-color
:
#5e4b3c
}
.yoho-header.lifestyle
.cure
,
.yoho-header.lifestyle
.nav-wrapper
{
background-color
:
#5e4b3c
!important
}
.yoho-header.lifestyle
.go-cart
.iconfont
{
color
:
#5e4b3c
}
.min-screen
.head-wrapper
.main-nav-list
>
li
{
padding
:
8px
14px
5px
}
.min-screen
.nav-wrapper
.sub-nav-list
>
li
{
margin-right
:
15px
}
.min-screen
.nav-wrapper
.show-detail
{
width
:
190px
;
padding-right
:
0
}
.min-screen
.head-wrapper
.main-logo
{
left
:
39%
}
.yoho-footer
{
font-size
:
12px
}
.yoho-footer
*
{
box-sizing
:
border-box
}
.yoho-footer
.red
{
color
:
#e01
}
.yoho-footer
.rgb6
{
color
:
#666
}
.yoho-footer
.rgb9
{
color
:
#999
}
.yoho-footer
.rgbf
{
color
:
#fff
}
.yoho-footer
.index-foot
{
background
:
#eee
;
padding
:
20px
0
}
.yoho-footer
.index-foot
dd
{
float
:
left
;
width
:
370px
;
margin-right
:
20px
;
overflow
:
hidden
}
.yoho-footer
.index-foot
dd
ul
{
margin-top
:
18px
;
padding-top
:
18px
}
.yoho-footer
.index-foot
dd
.last
{
margin-right
:
0
}
.yoho-footer
.foot-panel
{
background
:
#fff
;
padding
:
20px
}
.yoho-footer
.title
{
position
:
relative
;
text-align
:
center
}
.yoho-footer
.title-line
{
border-bottom
:
1px
solid
#ddd
;
position
:
absolute
;
top
:
9px
;
width
:
100%
;
left
:
0
}
.yoho-footer
.text
{
position
:
absolute
;
width
:
100%
;
text-align
:
center
;
left
:
0
;
top
:
0
}
.yoho-footer
.text
span
{
background
:
#fff
;
font-size
:
18px
;
line-height
:
18px
;
padding
:
0
10px
}
.yoho-footer
.item-nav
{
padding-top
:
20px
}
.yoho-footer
.item-nav
span
{
color
:
#fff
;
padding
:
0
3px
;
cursor
:
pointer
;
font-size
:
20px
}
.yoho-footer
.item-nav
.cur
{
color
:
#999
}
.yoho-footer
.vote
{
line-height
:
24px
}
.yoho-footer
.vote
input
{
margin
:
0
5px
0
1px
}
.yoho-footer
.vote
.button
{
height
:
24px
;
line-height
:
24px
;
width
:
55px
;
font-size
:
12px
;
margin-top
:
11px
;
margin-right
:
10px
;
background
:
#222
;
color
:
#fff
;
display
:
inline-block
;
text-align
:
center
;
cursor
:
pointer
}
.yoho-footer
.vote
p
{
height
:
24px
;
overflow
:
hidden
}
.yoho-footer
.vote
textarea
{
width
:
98%
;
height
:
68px
;
vertical-align
:
middle
;
margin
:
5px
0
0
;
resize
:
none
}
.yoho-footer
.vote-item
p
{
float
:
left
;
width
:
50%
}
.yoho-footer
.mobile
{
margin-right
:
-10px
}
.yoho-footer
.mobile
li
{
margin-right
:
10px
;
float
:
left
}
.yoho-footer
.mobile
img
{
display
:
block
;
width
:
103px
;
height
:
131px
}
.yoho-footer
.index-banner
{
width
:
100%
;
margin-top
:
20px
}
.yoho-footer
.two-dim
{
margin-right
:
-10px
;
overflow
:
hidden
}
.yoho-footer
.two-dim
li
{
border
:
1px
solid
#ddd
;
padding
:
7px
;
margin-right
:
10px
}
.yoho-footer
.two-dim
li
a
{
display
:
block
}
.yoho-footer
.two-dim
li
p
{
text-align
:
center
;
margin-top
:
13px
;
margin-bottom
:
3px
;
line-height
:
12px
}
.yoho-footer
.dim-img
{
display
:
block
;
width
:
87px
;
height
:
87px
}
.yoho-footer
.dim-hover
{
position
:
absolute
}
.yoho-footer
.dim-hover
img
{
width
:
38px
;
height
:
38px
}
.yoho-footer
.dim-active
.dim-img
{
opacity
:
1
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.yoho-footer
.dim-active
.dim-hover
{
display
:
none
}
.yoho-footer
.footerbottom
{
width
:
100%
}
.yoho-footer
.promise
{
padding
:
20px
0
10px
;
background
:
#000
}
.yoho-footer
.promise
.left
{
margin-right
:
60px
;
line-height
:
30px
;
font-size
:
12px
;
font-weight
:
700
}
.yoho-footer
.promise
.left
.iconfont
{
display
:
inline-block
;
font-weight
:
400
;
font-size
:
22px
;
vertical-align
:
middle
;
margin-right
:
5px
}
.yoho-footer
.promise
.left
:first-child
.iconfont
{
font-size
:
27px
}
.yoho-footer
.subscribe
{
border
:
1px
solid
#262626
;
width
:
240px
}
.yoho-footer
.subscribe
input
{
width
:
180px
;
height
:
32px
;
padding
:
0
10px
;
line-height
:
32px
;
border
:
none
;
margin
:
0
;
background
:
#000
}
.yoho-footer
.subscribe
a
{
display
:
block
;
float
:
right
;
margin-right
:
20px
;
font-size
:
20px
;
line-height
:
28px
;
opacity
:
.5
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.yoho-footer
.footer-help
{
background
:
#000
;
font-size
:
12px
;
overflow
:
hidden
}
.yoho-footer
.footer-help
>
div
{
padding
:
15px
0
;
border-top
:
1px
solid
#262626
}
.yoho-footer
.footer-help
ul
{
width
:
110%
}
.yoho-footer
.footer-help
p
{
line-height
:
24px
}
.yoho-footer
.footer-help
p
span
{
color
:
#fff
}
.yoho-footer
.footer-help
p
a
{
color
:
#666
}
.yoho-footer
.footer-help
p
a
:hover
{
text-decoration
:
underline
}
.yoho-footer
.footer-help
li
{
width
:
180px
}
.yoho-footer
.footer-help
.screen
{
border-top
:
1px
solid
#262626
;
padding
:
15px
0
}
.yoho-footer
.footer-link
{
background
:
#000
;
padding
:
10px
0
30px
;
font-size
:
12px
}
.yoho-footer
.footer-link
.right-flag
{
margin-top
:
3px
}
.yoho-footer
.footer-link
.right-flag
a
{
margin-right
:
5px
}
.yoho-footer
.footer-link
.about-us
{
line-height
:
20px
;
color
:
#666
;
margin-left
:
10px
}
.yoho-footer
.footer-link
.about-us
a
{
color
:
#666
}
.yoho-footer
.footer-link
.about-us
span
{
padding
:
0
10px
}
.yoho-footer
.return-top
{
position
:
fixed
;
width
:
60px
;
height
:
60px
;
left
:
50%
;
margin-left
:
595px
;
text-align
:
center
;
line-height
:
50px
;
color
:
#fff
;
background
:
#000
;
opacity
:
.5
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
;
bottom
:
20px
;
cursor
:
pointer
;
z-index
:
1
}
.yoho-footer
.return-top
.iconfont
{
font-size
:
34px
}
.yoho-footer
.return-top
:hover
{
opacity
:
.9
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
.yoho-footer
.return-top.min
{
left
:
100%
;
right
:
20px
;
margin-left
:
auto
}
.min-screen
.yoho-footer
.index-foot
dd
{
width
:
316px
}
.min-screen
.yoho-footer
.two-dim
{
margin-top
:
26px
;
margin-bottom
:
10px
;
overflow
:
hidden
}
.min-screen
.yoho-footer
.dim-img
{
width
:
69px
;
height
:
69px
}
.min-screen
.yoho-footer
.mobile
{
margin-top
:
26px
;
padding-bottom
:
15px
}
.min-screen
.yoho-footer
.mobile
img
{
width
:
85px
;
height
:
108px
}
.min-screen
.yoho-footer
.promise
.left
{
margin-right
:
45px
}
.min-screen
.yoho-footer
.subscribe
{
width
:
200px
}
.min-screen
.yoho-footer
.subscribe
input
{
width
:
140px
}
.min-screen
.yoho-footer
.footer-help
li
{
width
:
150px
}
.wrapper-404
{
padding
:
80px
0
}
.wrapper-404
.main-error
{
width
:
560px
;
height
:
240px
;
margin
:
0
auto
}
.wrapper-404
.main-error
.text1
{
font-size
:
24px
;
margin-top
:
60px
;
line-height
:
24px
}
.wrapper-404
.main-error
.text2
{
margin
:
18px
0
10px
;
line-height
:
12px
}
.wrapper-404
.main-error
.text3
a
{
text-decoration
:
none
;
color
:
#666
;
font-size
:
12px
;
outline
:
none
}
\ No newline at end of file
...
...
test/library/helpers.test.js
View file @
6a2ba95
...
...
@@ -22,7 +22,7 @@ test('uri format', t => {
let
mod
=
'list'
;
let
expected
=
'//list.m.yohobuy.com/test?name=yoho'
;
t
.
is
(
helpers
.
url
(
uri
,
qs
,
mod
),
expected
);
t
.
is
(
helpers
.
url
Format
(
uri
,
qs
,
mod
),
expected
);
});
test
(
'upper char to lowercase'
,
t
=>
{
...
...
Please
register
or
login
to post a comment