html,
body,
div,
span,
strong,
small,
em,
img,
address,
object,
iframe,
var,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
fieldset,
form,
input,
button,
select,
textarea,
label,
legend,
blockquote,
p,
pre,
table,
caption,
tbody,
thead,
tfoot,
tr,
td,
th,
sup,
sub,
del,
ins,
cite,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
audio,
canvas,
progress,
video {
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

html,
body {
    font: 12px/22px Avenir, Arial, "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", sans-serif;
    background-color: #FFF;
    background-image: url(about:blank);
    background-attachment: fixed;
    color: #222
}

li {
    list-style: none
}

a {
    background: transparent;
    text-decoration: none;
    color: #222
}

a:active,
a:hover {
    text-decoration: underline;
    outline: 0
}

a:focus {
    text-decoration: none;
    outline: 0;
    hide-focus: expression(this.hideFocus=true)
}

a:visited {
    text-decoration: none;
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit
}

b,
strong {
    font-weight: 700
}

img,
fieldset,
legend {
    border: 0
}

img:-moz-broken {
    -moz-force-broken-image-icon: 1
}

dfn {
    font-style: italic
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

small {
    font-size: 80%
}

em,
small,
var,
i,
cite {
    font-style: normal
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    outline: 0
}

button,
input,
optgroup,
select {
    vertical-align: middle
}

button,
select {
    text-transform: none
}

input {
    line-height: normal
}

button {
    overflow: visible
}

textarea {
    resize: none
}

input,
textarea {
    border-radius: 0;
    -webkit-appearance: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #C7C7C7
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #C7C7C7;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #C7C7C7
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@charset "UTF-8";

.m12 {
    margin: 12px
}

.m24 {
    margin: 24px
}

.m36 {
    margin: 36px
}

.m48 {
    margin: 48px
}

.m60 {
    margin: 60px
}

.mtb12 {
    margin-top: 12px;
    margin-bottom: 12px
}

.mtb24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.mtb36 {
    margin-top: 36px;
    margin-bottom: 36px
}

.mtb48 {
    margin-top: 48px;
    margin-bottom: 48px
}

.mtb60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mlr12 {
    margin-left: 12px;
    margin-right: 12px
}

.mlr24 {
    margin-left: 24px;
    margin-right: 24px
}

.mlr36 {
    margin-left: 36px;
    margin-right: 36px
}

.mlr48 {
    margin-left: 48px;
    margin-right: 48px
}

.mlr60 {
    margin-left: 60px;
    margin-right: 60px
}

.mb6 {
    margin-bottom: 6px
}

.mt12 {
    margin-top: 12px
}

.mt24 {
    margin-top: 24px
}

.mt36 {
    margin-top: 36px
}

.mt48 {
    margin-top: 48px
}

.mt60 {
    margin-top: 60px
}

.mr12 {
    margin-right: 12px
}

.mr24 {
    margin-right: 24px
}

.mr36 {
    margin-right: 36px
}

.mr48 {
    margin-right: 48px
}

.mr60 {
    margin-right: 60px
}

.mb12 {
    margin-bottom: 12px
}

.mb24 {
    margin-bottom: 24px
}

.mb36 {
    margin-bottom: 36px
}

.mb48 {
    margin-bottom: 48px
}

.mb60 {
    margin-bottom: 60px
}

.ml12 {
    margin-left: 12px
}

.ml24 {
    margin-left: 24px
}

.ml36 {
    margin-left: 36px
}

.ml48 {
    margin-left: 48px
}

.ml60 {
    margin-left: 60px
}

.p12 {
    padding: 12px
}

.p24 {
    padding: 24px
}

.p36 {
    padding: 36px
}

.p48 {
    padding: 48px
}

.p60 {
    padding: 60px
}

.pt5 {
    padding-top: 5px
}

.ptb12 {
    padding-top: 12px;
    padding-bottom: 12px
}

.ptb24 {
    padding-top: 24px;
    padding-bottom: 24px
}

.ptb36 {
    padding-top: 36px;
    padding-bottom: 36px
}

.ptb48 {
    padding-top: 48px;
    padding-bottom: 48px
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.plr12 {
    padding-left: 12px;
    padding-right: 12px
}

.plr24 {
    padding-left: 24px;
    padding-right: 24px
}

.plr36 {
    padding-left: 36px;
    padding-right: 36px
}

.plr48 {
    padding-left: 48px;
    padding-right: 48px
}

.plr60 {
    padding-left: 60px;
    padding-right: 60px
}

.pt12 {
    padding-top: 12px
}

.pt24 {
    padding-top: 24px
}

.pt36 {
    padding-top: 36px
}

.pt48 {
    padding-top: 48px
}

.pt60 {
    padding-top: 60px
}

.pr12 {
    padding-right: 12px
}

.pr24 {
    padding-right: 24px
}

.pr36 {
    padding-right: 36px
}

.pr48 {
    padding-right: 48px
}

.pr60 {
    padding-right: 60px
}

.pb12 {
    padding-bottom: 12px
}

.pb24 {
    padding-bottom: 24px
}

.pb36 {
    padding-bottom: 36px
}

.pb48 {
    padding-bottom: 48px
}

.pb60 {
    padding-bottom: 60px
}

.pl12 {
    padding-left: 12px
}

.pl24 {
    padding-left: 24px
}

.pl36 {
    padding-left: 36px
}

.pl48 {
    padding-left: 48px
}

.pl60 {
    padding-left: 60px
}

.triangle:after,
.triangle:before {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-color: transparent;
    content: '.'
}

.triangle:after {
    z-index: 2
}

.triangle:before {
    z-index: 1
}

.sprites {
    background: url(/static/home/images/images/sprites.png);
    background-repeat: no-repeat
}

.icon-success-36,
.icon-warning-36,
.icon-error-36,
.icon-wait-36,
.icon-success-32,
.icon-warning-33,
.icon-error-32,
.icon-wait-32,
.icon-leave-32,
.icon-success-21,
.icon-warning-21,
.icon-error-21,
.icon-wait-21,
.icon-success-14,
.icon-warning-14,
.icon-error-14,
.icon-wait-14 {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.icon-success-36,
.icon-warning-36,
.icon-error-36,
.icon-wait-36 {
    width: 36px;
    height: 36px
}

.icon-success-36 {
    background-position: 0 -274px
}

.icon-warning-36 {
    background-position: -40px -274px
}

.icon-error-36 {
    background-position: -80px -274px
}

.icon-wait-36 {
    background-position: -120px -274px
}

.icon-success-32,
.icon-warning-32,
.icon-error-32,
.icon-wait-32,
.icon-leave-32 {
    width: 32px;
    height: 32px
}

.icon-success-32 {
    background-position: 0 -320px
}

.icon-warning-32 {
    background-position: -40px -320px
}

.icon-error-32 {
    background-position: -80px -320px
}

.icon-wait-32 {
    background-position: -120px -320px
}

.icon-leave-32 {
    background-position: -108px -105px
}

.icon-success-21,
.icon-warning-21,
.icon-error-21,
.icon-wait-21 {
    width: 21px;
    height: 21px
}

.icon-success-21 {
    background-position: 0 -362px
}

.icon-warning-21 {
    background-position: -40px -362px
}

.icon-error-21 {
    background-position: -80px -362px
}

.icon-wait-21 {
    background-position: -120px -362px
}

.icon-success-14,
.icon-warning-14,
.icon-error-14,
.icon-wait-14 {
    width: 14px;
    height: 14px
}

.icon-success-14 {
    background-position: 0 -393px
}

.icon-warning-14 {
    background-position: -40px -393px
}

.icon-error-14 {
    background-position: -80px -393px
}

.icon-wait-14 {
    background-position: -120px -393px
}

.icon-empty,
.icon-delete,
.icon-edit,
.icon-close,
.icon-remove,
.icon-setting {
    display: inline-block;
    overflow: hidden;
    font: 0/0 'Arial';
    cursor: pointer
}

.icon-empty {
    width: 11px;
    height: 14px;
    background-position: -121px -55px
}

.icon-empty:hover {
    background-position: -141px -55px
}

.icon-empty:active {
    background-position: -141px -80px
}

.icon-edit {
    width: 12px;
    height: 13px;
    background-position: 0 -482px
}

.icon-edit:hover {
    background-position: -22px -482px
}

.icon-edit:active {
    background-position: -44px -482px
}

.icon-delete {
    width: 12px;
    height: 12px;
    background-position: 0 -80px
}

.icon-delete:hover {
    background-position: -31px -80px
}

.icon-delete:active {
    background-position: -60px -80px
}

.icon-remove {
    width: 12px;
    height: 11px;
    background-position: -154px -193px
}

.icon-close {
    width: 14px;
    height: 14px;
    background-position: -70px -193px
}

.icon-close:hover {
    background-position: -100px -193px
}

.icon-close:active {
    background-position: -130px -193px
}

.icon-setting {
    width: 16px;
    height: 15px;
    background-position: -80px -80px
}

.icon-setting:hover {
    background-position: -100px -80px
}

.icon-setting:active {
    background-position: -120px -80px
}

.proOper-box,
.icon-favorite,
.icon-unfavorite,
.icon-sina,
.icon-qq,
.icon-weixin {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    opacity: .6
}

.proOper-box:hover,
.icon-unfavorite:hover,
.icon-sina:hover,
.icon-qq:hover,
.icon-weixin:hover {
    opacity: 1
}

.proOper-box {
    background-position: -40px -670px
}

.icon-sina {
    background-position: -40px -630px
}

.icon-qq {
    background-position: -80px -630px
}

.icon-weixin {
    background-position: -120px -630px
}

.icon-heart {
    display: inline-block;
    width: 16px;
    height: 15px;
    overflow: hidden;
    background-position: -130px -576px;
    vertical-align: middle
}

.icon-favorite {
    opacity: 1;
    background-position: 0 -670px
}

.icon-unfavorite {
    background-position: 0 -630px
}

.icon-prev,
.icon-next {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    opacity: .7;
    filter: alpha(opacity=70)
}

.icon-prev {
    background-position: 0 -534px
}

.icon-next {
    background-position: -42px -534px
}

.icon-prev-disabled {
    background-position: -84px -534px;
    cursor: not-allowed
}

.icon-next-disabled {
    background-position: -126px -534px;
    cursor: not-allowed
}

.icon-prev:hover,
.icon-next:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.icon-add-button,
.icon-edit-button {
    display: inline-block;
    width: 39px;
    height: 39px;
    overflow: hidden
}

.icon-add-button {
    background-position: -40px -224px
}

.icon-edit-button {
    background-position: -100px -224px
}

.icon-cart-small,
.icon-cart-big {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    vertical-align: middle
}

.icon-cart-small {
    background-position: -106px -735px
}

.icon-cart-small:hover {
    background-position: -143px -735px
}

.icon-cart-big {
    background-position: -106px -705px
}

.icon-cart-big:hover {
    background-position: -143px -705px
}

.icon-minus,
.icon-plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border: 1px solid #FFF;
    font: 0/0 'Arial';
    cursor: pointer
}

.icon-minus {
    background-position: 0 -576px
}

.icon-plus {
    background-position: -20px -576px
}

.icon-minus:hover,
.icon-plus:hover {
    margin: -1px;
    border: 2px solid #3c9
}

.icon-minus:hover {
    background-position: -40px -576px
}

.icon-plus:hover {
    background-position: -60px -576px
}

.icon-minus:acitve .icon-plus:acitve {
    border-color: #37dca5
}

.icon-minus:acitve {
    background-position: -80px -576px
}

.icon-plus:acitve {
    background-position: -100px -576px
}

.icon-bell,
.icon-phone,
.icon-email {
    display: inline-block;
    overflow: hidden;
    font: 0/0 'Arial'
}

.icon-bell {
    width: 20px;
    height: 22px;
    background-position: 0 -417px
}

.icon-phone {
    width: 16px;
    height: 27px;
    background-position: -30px -417px
}

.icon-email {
    width: 26px;
    height: 17px;
    background-position: -56px -417px
}

.icon-mail {
    display: inline-block;
    width: 18px;
    height: 15px;
    overflow: hidden;
    vertical-align: middle;
    background-position: -78px -55px
}

.icon-mail:hover {
    background-position: -98px -55px
}

.icon-date {
    position: absolute;
    right: 6px;
    top: 50%;
    z-index: 1;
    margin-top: -8px;
    width: 16px;
    height: 17px;
    background-position: -136px -454px
}

.button-light-50,
.button-default-50 {
    width: 48px;
    height: 22px;
    line-height: 22px;
    font-size: 12px
}

.button-light-80,
.button-default-80,
.button-light-auto,
.button-default-auto {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.button-light-80,
.button-default-80 {
    width: 78px
}

.button-light-auto,
.button-default-auto {
    padding: 0 11px;
    white-space: nowrap
}

.button-light-100,
.button-light-130,
.button-light-146,
.button-light-231,
.button-default-100,
.button-default-130,
.button-default-146,
.button-default-231 {
    height: 34px;
    line-height: 34px;
    font-size: 13px
}

.button-light-100,
.button-default-100 {
    width: 98px
}

.button-light-130,
.button-default-130 {
    width: 128px
}

.button-light-146,
.button-default-146 {
    width: 144px
}

.button-light-231,
.button-default-231 {
    width: 229px
}

.button-light-256,
.button-light-292,
.button-default-256,
.button-default-292 {
    height: 46px;
    line-height: 46px;
    font-size: 16px
}

.button-light-256,
.button-default-256 {
    width: 254px
}

.button-light-292,
.button-default-292 {
    width: 289px
}

.button-default-50,
.button-default-80,
.button-default-100,
.button-default-130,
.button-default-146,
.button-default-231,
.button-default-256,
.button-default-292,
.button-default-auto {
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 2px;
    text-align: center;
    color: #333
}

.button-default-50:hover,
.button-default-80:hover,
.button-default-100:hover,
.button-default-130:hover,
.button-default-146:hover,
.button-default-231:hover,
.button-default-256:hover,
.button-default-292:hover,
.button-default-auto:hover {
    border-color: #3c9;
    text-decoration: none
}

.button-default-50:active,
.button-default-80:active,
.button-default-100:active,
.button-default-130:active,
.button-default-146:active,
.button-default-231:active,
.button-default-256:active,
.button-default-292:active,
.button-default-auto:hover {
    border-color: #37dca5;
    color: #37dca5;
    text-decoration: none
}

.button-light-50,
.button-light-80,
.button-light-100,
.button-light-130,
.button-light-146,
.button-light-231,
.button-light-256,
.button-light-292,
.button-light-auto {
    display: inline-block;
    background-color: #ff5000;
    border: 1px solid #ff5000;
    border-radius: 2px;
    text-align: center;
    color: #FFF
}

.button-light-50:hover,
.button-light-80:hover,
.button-light-100:hover,
.button-light-130:hover,
.button-light-146:hover,
.button-light-231:hover,
.button-light-256:hover,
.button-light-292:hover,
.button-light-auto:hover {
    background-color: #00cbcc;
    border: 1px solid #00cbcc;
    text-decoration: none
}

.button-light-50:active,
.button-light-80:active,
.button-light-100:active,
.button-light-130:active,
.button-light-146:active,
.button-light-231:active,
.button-light-256:active,
.button-light-292:active,
.button-light-auto:active {
    background-color: #00bebf;
    border: 1px solid #00bebf;
    text-decoration: none
}

.button-default-disabled,
.button-light-disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.button-default-disabled,
.button-default-disabled:hover,
.button-default-disabled:active {
    background-color: #FFF;
    border-color: #DDD;
    color: #333
}

.button-light-disabled,
.button-light-disabled:hover,
.button-light-disabled:active {
    background-color: #50b1a2;
    border-color: #50b1a2
}

.button-notFund,
.button-notFund:hover,
.button-notFund:active {
    background-color: #999;
    border-color: #999;
    cursor: not-allowed
}

.cart-after-box {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    background-color: #3c9
}

.cart-success-big,
.cart-success-small {
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden
}

.cart-success-small {
    margin: -4px 0 0 -6px;
    width: 12px;
    height: 9px;
    background-position: 0 -511px
}

.cart-success-big {
    margin: -6px 0 0 -8px;
    width: 17px;
    height: 12px;
    background-position: -22px -511px
}

.page {
    padding-top: 36px;
    font-size: 0
}

.page-button,
.page-elps {
    margin: 0 6px;
    height: 30px;
    overflow: hidden;
    vertical-align: top;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #888
}

.page-button {
    width: 30px;
    border: 1px solid #FFF
}

.page-elps {
    vertical-align: top
}

.page-button:hover {
    border-color: #DDD;
    text-decoration: none;
    color: #333
}

.page-button:active,
.page-current,
.page-current:hover,
.page-current:active {
    background-color: #333;
    border-color: #333;
    text-decoration: none;
    color: #FFF
}

.page-current {
    cursor: default
}

.page-prev,
.page-next {
    border-color: #dbdbdb;
    font: 14px/30px 'Simsun'
}

.page-prev:hover,
.page-prev:active,
.page-next:hover,
.page-next:active {
    background-color: #333;
    border-color: #333;
    color: #FFF
}

.page-disabled,
.page-disabled:hover,
.page-disabled:active {
    background-color: #FFF;
    border-color: #dbdbdb;
    color: #888;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.pageGoto {
    padding: 0 6px;
    height: 32px;
    font-size: 12px;
    line-height: 32px
}

.pageGoto .page-button,
.pageGoto .page-button:hover,
.pageGoto .page-button:active {
    width: 48px;
    background-color: #FFF;
    border-color: #b6b6b6
}

.pageNum {
    margin: 8px 0;
    width: 28px;
    height: 14px;
    border: 0;
    line-height: 14px;
    text-align: center
}

.pageBtn {
    width: 20px;
    height: 30px;
    background-position: -45px -151px;
    border: 0;
    cursor: pointer
}

.pageBtn:hover {
    background-position: -75px -151px
}

.pageBtn:active {
    background-position: -105px -151px
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

    .page-prev,
    .page-prev:hover,
    .page-prev:active,
    .page-next,
    .page-next:hover,
    .page-next:active {
        background-color: #FFF;
        border-color: #dbdbdb;
        color: #888
    }
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {

    .page-prev,
    .page-prev:hover,
    .page-prev:active,
    .page-next,
    .page-next:hover,
    .page-next:active {
        background-color: #FFF;
        border-color: #dbdbdb;
        color: #888
    }
}

.price {
    color: #50b1a2;
    font: 16px 'Avenir', 'Arial', 'sans-serif';
    margin-bottom: 5px
}

.prd-name {
    height: 25px;
    overflow: hidden;
    line-height: 25px;
    font-size: 13px
}

.textBox {
    padding: 9px 10px;
    width: 122px;
    height: 16px;
    border: 1px solid #d5d5d5
}

.textBox:hover {
    border-color: #c3c3c3
}

.textError,
.textBox:focus {
    padding: 8px 9px;
    border-width: 2px
}

.textBox:focus {
    border-color: #08b5a3
}

.textError,
.textBox:focus.textError {
    border-color: #eb6c68
}

.checkbox,
.uncheckbox,
.checkbox-disabled,
.unradio,
.radio {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer
}

.checkbox,
.uncheckbox,
.checkbox-disabled {
    width: 18px;
    height: 18px
}

.checkbox {
    background-position: -28px -454px
}

.uncheckbox {
    background-position: 0 -454px
}

.checkbox-disabled {
    background-position: -56px -454px;
    cursor: not-allowed
}

.unradio,
.radio {
    width: 16px;
    height: 16px
}

.radio {
    background-position: -110px -454px
}

.unradio {
    background-position: -84px -454px
}

.error-warning {
    position: absolute;
    z-index: 8;
    padding: 5px 10px;
    background-color: #FFF;
    border: 2px solid #eb6c68;
    line-height: 22px;
    white-space: nowrap
}

.error-warning:after,
.error-warning:before {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid transparent;
    content: '.'
}

.error-warning:after {
    left: 10px;
    top: -10px;
    z-index: 1;
    border-bottom-color: #eb6c68
}

.error-warning:before {
    left: 10px;
    top: -8px;
    z-index: 2;
    border-bottom-color: #FFF
}

.plugs-select {
    position: relative;
    z-index: 9;
    padding: 0;
    width: 142px;
    height: 34px;
    background-color: #FFF;
    border: 1px solid #d5d5d5;
    cursor: pointer
}

.plugs-select input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 30px
}

.plugs-select-hd {
    position: relative;
    margin: 6px 10px;
    line-height: 22px
}

.plugs-select-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.plugs-select-tip {
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a0a0a0
}

.plugs-select-tip .plugs-select-tip {
    right: -4px;
    top: -6px;
    z-index: 2;
    border-width: 4px;
    border-top-color: #FFF
}

.plugs-select-bd {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 999;
    width: 100%;
    max-height: 204px;
    overflow-y: auto;
    background-color: #FFF;
    border: 1px solid #d5d5d5
}

.plugs-select-option {
    padding: 6px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.plugs-select-select,
.plugs-select-option:hover {
    background-color: #f4fbfa
}

.plugs-select-open .plugs-select-tip {
    top: 4px;
    border-top-color: transparent;
    border-bottom-color: #a0a0a0
}

.plugs-select-open .plugs-select-tip .plugs-select-tip {
    top: -3px;
    border-bottom-color: #FFF
}

.plugs-select-open .plugs-select-bd {
    display: block
}

.plugs-dialog,
.plugs-lightbox {
    display: none;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 990;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)
}

.plugs-section,
.plugs-lightbox-section {
    display: none;
    display: block;
    position: absolute;
    top: 65%;
    left: 50%;
    z-index: 999;
    padding: 36px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    opacity: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.plugs-title {
    font-size: 18px
}

.plugs-close {
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 14px;
    height: 14px;
    background: url(/static/home/images/images/sprites.png) -70px -193px no-repeat;
    overflow: hidden;
    font: 0/0 'Arial';
    cursor: pointer
}

.plugs-close:hover {
    background-position: -100px -193px
}

.plugs-close:active {
    background-position: -130px -193px
}

.plugs-lightbox-section {
    overflow: hidden
}

.plugs-lightbox-body,
.plugs-lightbox-list {
    position: relative;
    z-index: 1;
    width: 741px;
    height: 556px;
    overflow: hidden
}

.plugs-lightbox-body img {
    max-width: 741px;
    max-height: 556px
}

.plugs-lightbox-body {
    display: table
}

.plugs-lightbox-list {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.plugs-lightbox-prev,
.plugs-lightbox-next {
    position: absolute
}

.plugs-lightbox-prev,
.plugs-lightbox-next {
    top: 50%;
    z-index: 9;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    font: 16px/36px 'Simsun';
    text-align: center;
    color: #FFF;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)
}

.plugs-lightbox-prev {
    left: 0
}

.plugs-lightbox-next {
    right: 0
}

.plugs-lightbox-disabled {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000)
}

.plugs-lightbox-header h2 {
    float: left;
    padding-bottom: 24px;
    height: 20px;
    font-size: 16px;
    font-weight: bold
}

.plugs-lightbox-close {
    float: right;
    overflow: hidden;
    font: 0/0 'Arial';
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: url(/static/home/images/images/sprites.png) -70px -193px no-repeat
}

.plugs-lightbox-close:hover {
    background-position: -100px -193px
}

.plugs-lightbox-close:active {
    background-position: -130px -193px
}

@charset "UTF-8";

.confirm-box,
.confirm-box .confirm-button,
.dialog-confirm,
.dialog-confirm .button,
.store-wrap .store-main {
    *display: table;
    *zoom: 1
}

.confirm-box:after,
.confirm-box .confirm-button:after,
.dialog-confirm:after,
.dialog-confirm .button:after,
.store-wrap .store-main:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.confirm-box,
.confirm-box .confirm-button,
.dialog-confirm,
.dialog-confirm .button,
.store-wrap .store-main {
    *display: table;
    *zoom: 1
}

.confirm-box:after,
.confirm-box .confirm-button:after,
.dialog-confirm:after,
.dialog-confirm .button:after,
.store-wrap .store-main:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.store-wrap,
.stroll-wrap {
    width: 1210px;
    margin: 0 auto
}

.store-wrap {
    margin-top: 40px
}

.store-wrap h2 {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 24px;
    text-align: center
}

.dialog-confirm-with-icon .title .i-tip-32,
.dialog-link-close .result .warning,
.dialog-lightbox-section .icon-warning-21,
.dialog-link-close .result .success,
.dialog-confirm-with-icon .title .i-success-32,
.dialog-lightbox-section .icon-success-21,
.dialog-link-close .result .error,
.dialog-confirm-with-icon .title .i-error-32,
.dialog-lightbox-section .icon-error-21,
.dialog-lightbox-close,
.dialog-confirm-with-icon .close,
#dialogCustomNew .dialog-lightbox-close {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/static/home/images/images/sprite_icons.png);
    background-repeat: no-repeat
}

.dialog-confirm-with-icon .title .i-tip-32,
.dialog-link-close .result .warning {
    width: 32px;
    height: 32px;
    background-position: -762px -50px
}

.dialog-lightbox-section .icon-warning-21 {
    width: 21px;
    height: 21px;
    background-position: -729px -50px
}

.dialog-link-close .result .success,
.dialog-confirm-with-icon .title .i-success-32 {
    width: 32px;
    height: 32px;
    background-position: -762px -100px
}

.dialog-lightbox-section .icon-success-21 {
    width: 21px;
    height: 21px;
    background-position: -729px -100px
}

.dialog-link-close .result .error,
.dialog-confirm-with-icon .title .i-error-32 {
    width: 32px;
    height: 32px;
    background-position: -762px -150px
}

.dialog-lightbox-section .icon-error-21 {
    width: 21px;
    height: 21px;
    background-position: -729px -150px
}

.dialog-lightbox-close,
.dialog-confirm-with-icon .close,
#dialogCustomNew .dialog-lightbox-close {
    width: 16px;
    height: 16px;
    background-position: -425px -250px
}

.dialog-lightbox-close:hover,
.dialog-confirm-with-icon .close:hover,
#dialogCustomNew .dialog-lightbox-close:hover {
    background-position: -467px -250px
}

.dialog-lightbox-close:active,
.dialog-confirm-with-icon .close:active,
#dialogCustomNew .dialog-lightbox-close:active {
    background-position: -509px -250px
}

.confirm-box .confirm-submit,
.confirm-box .confirm-cancel,
.dialog-confirm .submit,
.dialog-confirm-with-icon .button .confirm,
.errorPage-wrap .errorPage-button a {
    background-color: #ff5000;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.confirm-box .confirm-submit:hover,
.confirm-box .confirm-cancel:hover,
.dialog-confirm .submit:hover,
.dialog-confirm-with-icon .button .confirm:hover,
.errorPage-wrap .errorPage-button a:hover {
    text-decoration: none;
    background-color: #00cbcc
}

.confirm-box .confirm-submit:active,
.confirm-box .confirm-cancel:active,
.dialog-confirm .submit:active,
.dialog-confirm-with-icon .button .confirm:active,
.errorPage-wrap .errorPage-button a:active {
    background-color: #00bebf
}

.confirm-box .disabled.confirm-submit,
.confirm-box .disabled.confirm-cancel,
.dialog-confirm .disabled.submit,
.dialog-confirm-with-icon .button .disabled.confirm,
.errorPage-wrap .errorPage-button a.disabled {
    color: #8ce4e1;
    cursor: not-allowed
}

.confirm-box .disabled.confirm-submit:hover,
.confirm-box .disabled.confirm-cancel:hover,
.dialog-confirm .disabled.submit:hover,
.dialog-confirm-with-icon .button .disabled.confirm:hover,
.errorPage-wrap .errorPage-button a.disabled:hover,
.confirm-box .disabled.confirm-submit:active,
.confirm-box .disabled.confirm-cancel:active,
.dialog-confirm .disabled.submit:active,
.dialog-confirm-with-icon .button .disabled.confirm:active,
.errorPage-wrap .errorPage-button a.disabled:active {
    background-color: #ff5000
}

.dialog-confirm .cancel,
.dialog-confirm-with-icon .button .cancel {
    border: 1px solid #ddd;
    color: #222;
    text-align: center;
    text-decoration: none
}

.dialog-confirm .cancel:hover,
.dialog-confirm-with-icon .button .cancel:hover {
    text-decoration: none;
    border-color: #ff5000
}

.dialog-confirm .cancel:active,
.dialog-confirm-with-icon .button .cancel:active {
    color: #ff5000
}

.dialog-lightbox {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 990;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)
}

.dialog-lightbox-section {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    padding: 36px;
    background-color: #FFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.dialog-lightbox-body,
.dialog-lightbox-list {
    z-index: 1;
    width: auto;
    height: 100%;
    overflow: hidden
}

.dialog-lightbox-body img {
    display: block;
    vertical-align: top
}

.dialog-lightbox-prev,
.dialog-lightbox-next {
    position: absolute
}

.dialog-lightbox-prev,
.dialog-lightbox-next {
    top: 50%;
    z-index: 9;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    font: 16px/36px 'Simsun';
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    background-color: #7f7f7f;
    background-color: rgba(0, 0, 0, 0.5)
}

.dialog-lightbox-prev {
    left: 0
}

.dialog-lightbox-next {
    right: 0
}

.dialog-lightbox-disabled {
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000000, endColorstr=#44000000)
}

.dialog-lightbox-header {
    position: relative;
    padding-bottom: 24px;
    width: auto;
    height: 20px
}

.dialog-lightbox-header h2 {
    height: 20px;
    font-size: 16px;
    font-weight: bold
}

.dialog-lightbox-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.dialog-lightbox-close:after {
    content: ' '
}

.confirm-box,
.confirm-box .confirm-button {
    min-width: 235px;
    _width: 235px;
    font-size: 0;
    text-align: center
}

.confirm-box .confirm-msg {
    text-align: center;
    font-size: 20px
}

.confirm-box .confirm-button {
    overflow: hidden;
    padding-top: 35px;
    text-align: center
}

.confirm-box .confirm-button a {
    margin-left: 15px
}

.confirm-box .confirm-button a:first-child {
    margin-left: 0
}

.confirm-box .confirm-submit,
.confirm-box .confirm-cancel {
    display: inline-block
}

.confirm-box .confirm-submit {
    width: 110px;
    height: 36px;
    font-size: 13px;
    line-height: 38px
}

.confirm-box .confirm-cancel {
    width: 108px;
    height: 34px;
    font-size: 13px;
    line-height: 36px
}

#dialogCustom {
    padding: 40px;
    padding-bottom: 30px
}

.dialog-confirm,
.dialog-confirm .button {
    min-width: 235px;
    _width: 235px;
    font-size: 0;
    text-align: center
}

.dialog-confirm .msg {
    text-align: center;
    font-size: 20px
}

.dialog-confirm .button {
    overflow: hidden;
    padding-top: 35px;
    text-align: center
}

.dialog-confirm .button a {
    margin-left: 15px
}

.dialog-confirm .button a:first-child {
    margin-left: 0
}

.dialog-confirm .submit,
.dialog-confirm .cancel {
    display: inline-block
}

.dialog-confirm .submit {
    width: 110px;
    height: 36px;
    font-size: 13px;
    line-height: 38px
}

.dialog-confirm .cancel {
    width: 108px;
    height: 34px;
    font-size: 13px;
    line-height: 36px
}

.dialog-confirm-more {
    width: 340px
}

.dialog-confirm-more .title {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 15px;
    text-align: left
}

.dialog-confirm-more .msg {
    font-size: 15px;
    line-height: 26px;
    text-align: left
}

.dialog-confirm-more .button {
    padding-top: 35px
}

.dialog-confirm-more .button a {
    margin-left: 20px
}

.dialog-confirm-more .button a:first-child {
    margin-left: 0
}

.dialog-confirm-more .submit {
    width: 160px
}

.dialog-confirm-more .cancel {
    width: 158px
}

.dialog-link-close {
    overflow: hidden;
    padding-bottom: 15px
}

.dialog-link-close .result {
    height: 32px;
    font-size: 20px;
    line-height: 32px;
    white-space: nowrap
}

.dialog-link-close .result i {
    position: relative;
    top: -2px;
    margin-right: 10px
}

.dialog-link-close a {
    float: right;
    margin-top: 19px;
    color: #4a82b1;
    font-size: 13px
}

.dialog-link-close a i {
    display: inline-block;
    padding-left: 5px
}

#dialogLinKCloseOuter .dialog-lightbox-header {
    padding-bottom: 0;
    height: 23px
}

#dialogLinKCloseOuter .dialog-lightbox-header .dialog-lightbox-close {
    top: -21px;
    right: -21px
}

#dialogConfirmWithIcon {
    padding: 0
}

.dialog-confirm-with-icon {
    width: 340px;
    padding: 50px 60px 40px 60px
}

.dialog-confirm-with-icon .title {
    position: relative;
    padding-left: 47px;
    font-size: 20px;
    line-height: 32px;
    text-align: left
}

.dialog-confirm-with-icon .title .i-tip-32 {
    position: absolute;
    left: 0;
    top: 0
}

.dialog-confirm-with-icon .title .i-error-32 {
    position: absolute;
    left: 0;
    top: 0
}

.dialog-confirm-with-icon .title .i-success-32 {
    position: absolute;
    left: 0;
    top: 0
}

.dialog-confirm-with-icon .title-single {
    padding-bottom: 10px
}

.dialog-confirm-with-icon .desc {
    margin-top: 15px;
    margin-left: 47px;
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    color: #777
}

.dialog-confirm-with-icon .button {
    margin-top: 24px;
    font-size: 0;
    text-align: center
}

.dialog-confirm-with-icon .button a {
    margin-left: 20px
}

.dialog-confirm-with-icon .button a:first-child {
    margin-left: 0
}

.dialog-confirm-with-icon .button .confirm {
    display: inline-block;
    width: 160px;
    height: 48px;
    font-size: 16px;
    line-height: 48px
}

.dialog-confirm-with-icon .button .cancel {
    display: inline-block;
    width: 158px;
    height: 46px;
    font-size: 16px;
    line-height: 48px
}

.dialog-confirm-with-icon .button-single {
    padding-left: 47px;
    text-align: left
}

.dialog-confirm-with-icon .button-single .confirm {
    width: 240px
}

.dialog-confirm-with-icon .button-single .cancel {
    width: 238px
}

.dialog-confirm-with-icon .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

#dialogCustomNew {
    padding: 0
}

#dialogCustomNew .dialog-lightbox-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    padding-bottom: 0
}

#dialogCustomNew .dialog-lightbox-body {
    padding: 50px 60px;
    overflow: visible
}

#dialogCustomNew .dialog-lightbox-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.dialogRegWelcome {
    box-sizing: border-box;
    width: 260px;
    height: 60px;
    padding-left: 76px;
    background: url(/static/home/images/images/mail_success.png) no-repeat center left
}

.dialogRegWelcome .content {
    display: table-cell;
    height: 60px;
    vertical-align: middle
}

.dialogRegWelcome .content p {
    font-size: 20px;
    line-height: 30px
}

#emailAuthBack .dialog-lightbox-section {
    padding: 20px
}

#emailAuthBack .dialog-lightbox-header {
    padding-bottom: 14px;
    height: 16px
}

#emailAuthBack .dialog-lightbox-close {
    width: 16px;
    height: 16px
}

#emailAuthBack .dialog-lightbox-body {
    padding: 0 40px;
    width: auto;
    height: auto
}

#emailAuthBack .dialog-wrap {
    width: 340px
}

#emailAuthBack .dialog {
    padding-bottom: 20px
}

#emailAuthBack .dialog h2 {
    padding-left: 47px;
    margin-bottom: 20px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #222
}

#emailAuthBack .dialog .dialog-content {
    padding-left: 47px
}

#emailAuthBack .dialog .dialog-buttons {
    overflow: hidden;
    margin-top: 30px
}

#emailAuthBack .dialog a {
    display: block;
    width: 158px;
    height: 46px;
    line-height: 46px;
    color: #222;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ddd;
    text-decoration: none
}

#emailAuthBack .dialog a:hover {
    text-decoration: none
}

#emailAuthBack .dialog p {
    font-size: 13px;
    color: #777
}

#emailAuthBack .dialog p span {
    color: #222
}

#emailAuthBack .dialog .bigButton {
    margin-left: 47px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background-color: #ff5000;
    border: 0
}

#emailAuthBack .dialog .bigButton:hover {
    background-color: #00cbcc
}

#emailAuthBack .dialog .resend {
    color: #c5c5c5;
    border: 1px solid #ebebeb
}

#emailAuthBack .dialog .active {
    color: #222;
    border: 1px solid #ddd;
    background-color: #fff
}

#emailAuthBack .dialog .findpw-logMail {
    width: 160px;
    height: 48px;
    color: #fff;
    border: 0;
    background-color: #ff5000
}

#emailAuthBack .dialog .findpw-logMail:hover {
    background-color: #00cbcc
}

#emailAuthBack .success {
    background: url("/static/home/images/images/signupSuccess.png") no-repeat top left
}

#emailAuthBack .fail {
    background: url("/static/home/images/images/signupFail.png") no-repeat top left
}

#emailAuthBack .mailSend p,
#emailAuthBack .mailNotActive p {
    margin: -4px 0;
    height: 42px;
    line-height: 21px
}

#emailAuthBack .mailFail p,
#emailAuthBack .signupSuccess p {
    margin: 8px 0;
    height: 13px;
    line-height: 13px
}

#emailAuthBack .welcome {
    width: 184px;
    height: 60px;
    margin: -4px 0 24px 0;
    padding-left: 76px;
    background: url("/static/home/images/images/mail_success.png") no-repeat center left
}

#emailAuthBack .welcome-content {
    display: table-cell;
    height: 60px;
    vertical-align: middle
}

#emailAuthBack .welcome-content p {
    font-size: 20px;
    line-height: 30px
}

.confirm-box,
.confirm-box .confirm-button,
.dialog-confirm,
.dialog-confirm .button,
.store-wrap .store-main {
    *display: table;
    *zoom: 1
}

.confirm-box:after,
.confirm-box .confirm-button:after,
.dialog-confirm:after,
.dialog-confirm .button:after,
.store-wrap .store-main:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.chat-r {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 108px;
    height: 34px
}

.chat-r-icon {
    width: 108px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
    background-color: #ff5000;
    cursor: pointer
}

.chat-r-icon:hover {
    background-color: #00cbcc
}

.chat-r-icon:active {
    background-color: #00bebf
}

.chat-r-icon .news-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    margin-left: 20px;
    margin-right: 10px;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat -664px -200px
}

.chat-r-list {
    position: absolute;
    right: 1px;
    bottom: 35px;
    width: 210px
}

.chat-r-list .header {
    position: relative;
    height: 40px;
    background-color: #5fd9da
}

.chat-r-list .header .title {
    font-size: 13px;
    line-height: 40px;
    font-weight: bold;
    color: #fff
}

.chat-r-list .header .title-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-left: 25px;
    margin-right: 5px;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat -628px -200px
}

.chat-r-list .header .hideup {
    position: absolute;
    right: 25px;
    top: 8px;
    overflow: hidden;
    width: 14px;
    height: 20px;
    cursor: pointer
}

.chat-r-list .header .hideup:before {
    content: " ";
    display: block;
    width: 14px;
    height: 2px;
    margin-top: 9px;
    background-color: #fff
}

.chat-r-list .header .hideup:hover:before {
    background-color: #e7e7e7
}

.chat-r-list .body-outer {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff
}

.chat-r-list .body {
    overflow: hidden;
    padding: 10px 0;
    max-height: 175px
}

.chat-r-list .chat-item {
    height: 35px;
    line-height: 35px
}

.chat-r-list .chat-item a {
    display: block;
    height: 100%;
    text-decoration: none
}

.chat-r-list .chat-item a:hover {
    background-color: #f6f6f6
}

.chat-r-list .chat-item .item-name {
    float: left;
    overflow: hidden;
    width: 105px;
    height: 35px;
    margin-left: 24px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #222
}

.chat-r-list .chat-item .item-num {
    float: left;
    width: 26px;
    margin-left: 30px;
    font-size: 12px;
    color: #777
}

.chat-r-list .footer {
    height: 30px;
    background-color: #c5c5c5
}

.chat-r-list .footer a {
    float: right;
    margin-right: 25px;
    font-size: 13px;
    line-height: 30px;
    color: #fff
}

.chat-r-list .footer a:first-child {
    float: left;
    margin-left: 25px;
    margin-right: 0
}

.scrollBarBox {
    overflow: hidden
}

.scrollBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 300px
}

.scrollBarMiddleBox {
    position: absolute;
    width: 10px;
    background-color: #fafafa
}

.scrollBarMiddleBox:hover {
    background-color: #e0e0e0
}

.scrollBarCont {
    width: 100%
}

.scrollBarTop,
.scrollBarBottom {
    position: absolute;
    width: 8px;
    height: 6px;
    padding: 5px 1px 4px 1px;
    background-color: #ddd;
    cursor: pointer
}

.scrollBarTop:hover,
.scrollBarBottom:hover {
    background-color: #c5c5c5
}

.scrollBarTop:active,
.scrollBarBottom:active {
    background-color: #d3d3d3
}

.scrollBarTop i,
.scrollBarBottom i {
    display: block;
    width: 100%
}

.scrollBarTop .line,
.scrollBarBottom .line {
    border-top: 1px solid #777
}

.scrollBarTop .triangle,
.scrollBarBottom .triangle {
    width: 0;
    height: 0;
    border: 4px solid #ddd;
    border-top: 0
}

.scrollBarTop {
    top: 0
}

.scrollBarTop .triangle {
    margin-top: 1px;
    border-bottom: 4px solid #777;
    border-top: 0
}

.scrollBarBottom {
    bottom: 0
}

.scrollBarBottom .triangle {
    margin-bottom: 1px;
    border-top: 4px solid #777;
    border-bottom: 0
}

.scrollBarMiddle {
    position: absolute;
    margin: 6px 0;
    left: 2px;
    width: 6px;
    background-color: #c5c5c5
}

.scrollBarMiddle:hover {
    background-color: #777
}

.scrollBarMiddle:hover:before,
.scrollBarMiddle:hover:after {
    background-color: #777
}

.scrollBarMiddle:before,
.scrollBarMiddle:after {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #c5c5c5;
    border-radius: 50%;
    content: ''
}

.scrollBarMiddle:before {
    top: -3px
}

.scrollBarMiddle:after {
    bottom: -3px
}

.control-list {
    text-align: center;
    font-size: 0
}

.control-pre,
.control-next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    font: 0/0 'Arial'
}

.control-pre {
    left: 8px
}

.control-next {
    right: 8px
}

.control-pre strong,
.control-next strong {
    display: none
}

.control-pre:after,
.control-next:after,
.control-pre:before,
.control-next:before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 11px solid transparent;
    content: '.'
}

.control-pre:after,
.control-next:after {
    z-index: 2
}

.control-pre:before,
.control-next:before {
    z-index: 1
}

.control-pre:after {
    left: -9px;
    border-right-color: #FFF
}

.control-pre:before {
    left: -11px;
    border-right-color: #858585
}

.control-pre:hover:before {
    border-right-color: #3c9
}

.control-next:before {
    right: -11px;
    border-left-color: #858585
}

.control-next:after {
    right: -9px;
    border-left-color: #FFF
}

.control-next:hover:before {
    border-left-color: #3c9
}

.control-list-button {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 6px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #e6e6e6;
    cursor: pointer
}

.control-list-button:hover {
    background-color: #3c9
}

.control-list-current,
.control-list-current:hover {
    background-color: #999
}

.pro-category {
    position: relative;
    border-bottom: 1px solid #DDD
}

.pro-cate-class {
    width: 72px;
    line-height: 24px
}

.pro-cate-list {
    width: 868px
}

.pro-cate-name {
    margin: 0 12px 12px 0;
    padding: 0 11px;
    border: 1px solid #FFF
}

.pro-cate-current,
.pro-cate-name:hover {
    border-color: #DDD;
    text-decoration: none
}

.pro-cate-current,
.pro-cate-current:hover {
    border-color: #333;
    background-color: #333;
    color: #FFF
}

.more-category {
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: 12px;
    height: 6px;
    overflow: hidden;
    font: 0/0 'Arial'
}

.more-category:after,
.more-category:before {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 6px solid transparent;
    content: '.'
}

.more-category:after {
    top: 0;
    z-index: 1;
    border-top-color: #888
}

.more-category:before {
    top: -1px;
    z-index: 2;
    border-top-color: #FFF
}

.more-category-current:after,
.more-category-current:before {
    border-color: transparent
}

.more-category-current:after {
    top: -6px;
    border-bottom-color: #888
}

.more-category-current:before {
    top: -5px;
    border-bottom-color: #FFF
}

.pro-list {
    margin-left: -12px;
    margin-right: -12px
}

.pro-item {
    width: 231px;
    height: 291px
}

.pro-item-3 {
    width: 316px;
    height: 377px
}

.pro-item-2 {
    width: 486px;
    height: 582px
}

.pro-item .pro-imageList {
    position: relative;
    width: 231px;
    height: 231px;
    overflow: hidden
}

.pro-item-3 .pro-imageList {
    width: 316px;
    height: 316px
}

.pro-item-2 .pro-image {
    padding-bottom: 60px
}

.pro-item-2 .pro-imageList {
    width: 486px;
    height: 486px
}

.pro-item-156 {
    width: 156px
}

.pro-outer {
    width: inherit
}

.pro-image {
    border-bottom: 1px dotted #c4caca
}

.pro-name {
    padding: 8px 0 4px
}

.pro-item .add-favorite {
    right: 10px;
    top: 10px
}

.pro-item .icon-prev,
.pro-item .icon-next {
    top: 50%;
    margin-top: -16px
}

.pro-item .icon-prev {
    left: 0
}

.pro-item .icon-next {
    right: 0
}

.param-btn {
    padding: 0 11px;
    height: 22px;
    border: 1px solid #c3c3c3;
    color: inherit
}

.param-btn:hover,
.param-selected {
    background-color: #333;
    border-color: #333;
    text-decoration: none;
    color: #FFF
}

.param-disabled,
.param-disabled:hover {
    background-color: #FFF;
    border-color: #c3c3c3;
    color: #888;
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: not-allowed
}

.proParam-list a {
    padding: 0 11px;
    height: 22px;
    border: 1px solid #c3c3c3;
    color: inherit
}

.proParam-list a:hover,
.proParam-list .param-select {
    background-color: #333;
    border-color: #333;
    text-decoration: none;
    color: #FFF
}

.proParam-list .param-disabled,
.proParam-list .param-disabled:hover {
    background-color: #FFF;
    border-color: #c3c3c3;
    color: #888;
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: not-allowed
}

.addCart-button {
    position: relative;
    overflow: hidden
}

.addCart-button .icon-cart-small {
    margin-bottom: 2px
}

.addCart-button:hover .icon-cart-small {
    background-position: -143px -735px
}

.addCart-button .icon-cart-big {
    margin-bottom: 4px
}

.addCart-button:hover .icon-cart-big {
    background-position: -143px -705px
}

.pro-item:hover {
    position: relative;
    z-index: 2
}

.pro-item:hover .pro-outer {
    margin: -12px -12px auto;
    padding: 10px;
    background-color: #FFF;
    border: 2px solid #ebebeb
}

.pro-item:hover .add-cart,
.pro-item:hover .add-favorite {
    display: block
}

.item-preview {
    min-height: 316px
}

.item-preview-list {
    margin: 0 -12px
}

.item-preview-info {
    left: 0;
    bottom: 0;
    padding: 20px 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#77000000, endColorstr=#77000000)
}

.item-preview-outer:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.item-outer-box {
    width: 316px;
    background-color: #f9f9f9
}

.item-outer-box:hover {
    background-color: #FFF;
    box-shadow: 0 0 5px #ececec
}

.item-outer-box .table-cell {
    width: 156px;
    border: 1px solid #f1f1f1
}

.item-outer-box .item-outer-image-border,
.item-outer-box .item-outer-inner-border {
    border-right-color: #FFF
}

.item-outer-box .item-outer-image-border-right,
.item-outer-box .item-outer-inner-border-right {
    border-left-color: #FFF
}

.item-outer-box .item-outer-inner-border,
.item-outer-box .item-outer-inner-border-right {
    border-color: #f9f9f9
}

.item-outer-box:hover .item-outer-inner-border {
    border-color: #f1f1f1;
    border-right-color: #FFF
}

.item-outer-box:hover .item-outer-inner-border-right {
    border-color: #f1f1f1;
    border-left-color: #FFF
}

.item-outer-inner a:hover {
    text-decoration: none
}

.addCartOperBox {
    margin: 0 auto;
    width: 86px;
    height: 22px;
    border: 1px solid #d7d7d7
}

.addCartOperBox .icon-plus,
.addCartOperBox .icon-minus {
    position: relative;
    z-index: 2
}

.addCartOperBox .plus-disabled,
.addCartOperBox .minus-disabled {
    margin: 0;
    border: 1px solid #FFF;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: not-allowed
}

.addCartOperBox .plus-disabled,
.addCartOperBox .plus-disabled:hover,
.addCartOperBox .plus-disabled:active {
    background-position: -20px -576px
}

.addCartOperBox .minus-disabled,
.addCartOperBox .minus-disabled:hover,
.addCartOperBox .minus-disabled:active {
    background-position: 0 -576px
}

.addCartOperBox .addCartNum {
    width: 40px;
    height: 22px;
    text-align: center;
    background: #FFF;
    border: 0;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.cartTipInfo {
    position: absolute;
    right: 0;
    bottom: 52px;
    padding: 5px;
    width: 244px;
    height: 28px;
    background-color: #FFF;
    border: 1px solid #DDD;
    color: #494949;
    line-height: 28px;
    text-align: center
}

.cartTipInfo:after,
.cartTipInfo:before {
    position: absolute;
    right: 40px;
    bottom: -11px;
    z-index: 1;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid transparent;
    border-top-color: #DDD;
    content: ''
}

.cartTipInfo:before {
    right: 41px;
    bottom: -8px;
    z-index: 2;
    border-top-color: #FFF;
    border-width: 4px
}

.smallTotal .cartTipInfo {
    width: 220px;
    right: -22px;
    bottom: 26px
}

.sort-item {
    line-height: 32px
}

.sort-cur,
.sort-item:hover {
    padding: 0 11px;
    line-height: 30px;
    border: 1px solid #DDD;
    text-decoration: none
}

.sort-up,
.sort-down {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 9px;
    height: 10px;
    overflow: hidden
}

.sort-down {
    background-position: -154px -610px
}

.sort-up {
    background-position: -130px -610px
}

.error-outer {
    padding: 220px 65px;
    min-height: 160px
}

.gb-small {
    margin-top: 3px
}

.passLevel-none,
.passLevel-low,
.passLevel-medium,
.passLevel-high {
    width: 23px;
    height: 10px;
    overflow: hidden;
    vertical-align: middle
}

.passLevel-none {
    background-position: 0 -610px
}

.passLevel-low {
    background-position: -32px -610px
}

.passLevel-medium {
    background-position: -64px -610px
}

.passLevel-high {
    background-position: -96px -610px
}

.express {
    width: 850px;
    margin-left: 48px;
    border-top: 1px dotted #ddd;
    margin-top: 12px
}

.express h3 {
    position: relative;
    font-size: 16px;
    margin-top: 18px;
    cursor: pointer
}

.express h3:after,
.express h3:before {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid transparent;
    content: ' '
}

.express h3:after {
    left: 71px;
    top: 9px;
    z-index: 2;
    border-color: transparent;
    border-width: 4px;
    border-top-color: #FFF
}

.express h3:before {
    left: 70px;
    top: 9px;
    border-color: transparent;
    border-top-color: #979797
}

.expressCur h3:after {
    left: 71px;
    top: 5px;
    z-index: 2;
    border-width: 4px;
    border-bottom-color: #FFF;
    border-top-color: transparent
}

.expressCur h3:before {
    left: 70px;
    top: 3px;
    border-bottom-color: #979797;
    border-top-color: transparent
}

.expressExplan {
    padding: 0 12px;
    background-color: #ececec
}

.orderState-Bar,
.step-box {
    height: 44px;
    overflow: hidden;
    border: 1px solid #DDD;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    color: #888;
    text-indent: 15px
}

.orderState-Bar li,
.step-column-4 {
    width: 24.9999%
}

.step-column-3 {
    width: 33.3333%
}

.orderState-Bar li:before,
.orderState-Bar li:after,
.step-column-3:before,
.step-column-3:after,
.step-column-4:before,
.step-column-4:after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    border-color: transparent;
    content: ' '
}

.orderState-Bar li:before,
.step-column-3:before,
.step-column-4:before {
    right: -44px;
    top: 0;
    z-index: 1;
    border-width: 22px;
    border-left-color: #dedede
}

.orderState-Bar li:after,
.step-column-3:after,
.step-column-4:after {
    left: 100%;
    top: 1px;
    z-index: 2;
    border-width: 21px;
    border-left-color: #FFF
}

.orderState-Bar .current,
.step-box .current {
    font-size: 18px;
    color: #333
}

.stepBox-time {
    border: 0;
    font-size: 12px;
    color: #c3c3c3
}

.stepBox-time .step-column-3:before,
.stepBox-time .step-column-4:before,
.stepBox-time .step-column-3:after,
.stepBox-time .step-column-4:after {
    visibility: hidden
}

.stepBox-time .current {
    font-size: 12px;
    color: #c3c3c3
}

.stepBox-time .current:before,
.stepBox-time .current:after {
    left: 50%;
    top: 30px;
    border-width: 7px;
    border-color: transparent;
    visibility: visible
}

.stepBox-time .current:after {
    top: 32px;
    margin-left: 1px;
    border-width: 6px;
    border-bottom-color: #FFF
}

.stepBox-time .current:before {
    border-bottom-color: #CCC
}

.userInfo-avator {
    position: relative;
    width: 120px;
    height: 120px;
    cursor: pointer
}

.userAvator-state {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    line-height: 120px;
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000)
}

.userInfo-section {
    width: 851px
}

.userInfo-section .icon-success-14,
.userInfo-section .icon-warning-14,
.userInfo-section .icon-error-14,
.userInfo-section .icon-wait-14,
.userInfo-section .unradio,
.userInfo-section .radio {
    margin-bottom: 4px
}

.uploadAvator-view {
    width: 312px;
    height: 312px;
    border: 1px solid #DDD
}

.uploadAvator-button {
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

.uploadAvator-editButton {
    z-index: 12;
    background-color: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000)
}

.uploadAvator-addButton {
    z-index: 6
}

.uploadAvator-fileUpload {
    left: 0;
    top: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.userAvatorBox img {
    max-width: 312px;
    max-height: 312px
}

.uploadAvator-list {
    width: 242px
}

.uploadAvator-system {
    padding-top: 4px
}

.uploadAvator-item {
    position: relative;
    cursor: pointer
}

.uploadAvator-border {
    top: -2px;
    left: -2px;
    z-index: 2;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 2px solid #50b1a2
}

.uploadAvator-select {
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-position: 0 -224px
}

.uploadAvator-item:hover .uploadAvator-border,
.uploadAvator-current .uploadAvator-border {
    display: block
}

.message-to {
    padding-top: 10px;
    height: 28px;
    line-height: 28px;
    color: #888
}

.message-content {
    padding-top: 5px
}

.message-article {
    padding: 5px 10px;
    width: 644px;
    height: 108px;
    overflow-y: auto;
    background-color: #FFF;
    border: 1px solid #DDD;
    line-height: 22px;
    color: #494949
}

.message-article:hover {
    border-color: #c3c3c3
}

.message-article.textError,
.message-article:focus {
    padding: 4px 9px;
    border-width: 2px
}

.message-article:focus {
    border-color: #08b5a3
}

.message-article.textError {
    border-color: #eb6c68
}

.message-count {
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #888
}

.count-error {
    color: #dd665a
}

#privMsg .message-article {
    width: 378px
}

.certificate-list {
    margin: 8px 0
}

.certificate-item {
    width: 68px;
    height: 68px;
    overflow: hidden;
    border: 1px solid #DDD
}

.certificate-item .icon-add-button {
    margin: 14px 0 0 14px
}

.certificate-item-upload:hover {
    border-color: #50b1a2
}

.certificate-item-notice {
    border-color: #FFF
}

.certificate-item-notice span {
    left: 0;
    bottom: -4px
}

.certificate-oper {
    top: -1px;
    right: -1px;
    z-index: 3;
    padding: 6px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)
}

.certificate-oper .icon-remove,
.certificate-item:hover .certificate-oper {
    display: block
}

.uploadCertificate {
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0)
}

.certificate-list li .color-red {
    top: 42px;
    white-space: nowrap
}

.upimage-list .certificate-item {
    width: 58px;
    height: 58px
}

.upimage-list .certificate-item .icon-add-button {
    margin: 16px 0 0 16px;
    width: 26px;
    height: 26px;
    background-position: -47px -231px
}

.login-error {
    padding: 12px 12px 0;
    height: 14px;
    line-height: 14px
}

.suggestion-outer {
    width: 440px
}

.suggestion-box {
    width: 365px
}

.suggestion-box .message-article {
    width: 340px
}

.total-outer {
    padding: 24px 36px;
    background-color: #f9f9f9;
    line-height: 24px
}

.total-outer-top {
    margin-top: 36px
}

.total-outer-bottom {
    margin-top: 24px
}

.cartHead {
    padding: 24px 0 12px;
    height: 18px;
    border-bottom: 1px solid #d2d7d7;
    line-height: 18px;
    color: #888
}

.cartHead .icon-mail {
    margin: 1px 0 0 6px
}

.cart-check {
    width: 30px
}

.cart-image {
    width: 155px
}

.cart-goods {
    width: 300px
}

.cart-price {
    width: 120px
}

.cart-price,
.cart-count,
.cart-weight {
    text-align: center
}

.cart-count {
    width: 140px
}

.cart-weight {
    width: 140px
}

.cart-sum {
    width: 110px;
    text-align: right
}

.price-del {
    text-decoration: line-through;
    color: #c3c3c3
}

.cartGoods .icon-delete {
    position: absolute;
    right: 12px;
    bottom: 12px
}

.cartGoods-disabled {
    background-color: #f9f9f9;
    color: #919191
}

.cartGoods .table-cell {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px dotted #d1d6d6
}

.cartGoods .addCartOperBox {
    width: 42px;
    border-left-width: 0;
    border-right-width: 0
}

.cartGoods .addCartOperBox:hover {
    width: 86px;
    border-left-width: 1px;
    border-right-width: 1px
}

.cartGoods .addCartOperBox .icon-minus,
.cartGoods .addCartOperBox .icon-plus {
    display: none
}

.cartGoods .addCartOperBox:hover .icon-minus,
.cartGoods .addCartOperBox:hover .icon-plus {
    display: block
}

.total-box {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-align: right
}

.total-info {
    padding: 12px 0
}

.total-info-last {
    border-top: 1px dotted #d1d6d6
}

.total-attr,
.total-val {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    white-space: nowrap
}

.total-attr {
    min-width: 115px;
    _width: 115px;
    text-align: left
}

.total-val {
    min-width: 140px;
    _width: 140px
}

.total-button {
    position: relative;
    margin-top: 24px;
    line-height: 48px
}

.cartEmpty {
    margin: 120px auto 0;
    width: 256px
}

.noscript {
    text-align: center;
    color: red
}

.content {
    width: 996px;
    min-height: 600px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .content {
        min-height: 750px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.main {
    min-height: 530px
}

img[data-src],
img[data-image],
img[data-slide-img] {
    background: url(/static/home/images/images/waiting-white.gif) no-repeat center center
}

.hide {
    display: none
}

.img-block {
    display: block;
    vertical-align: baseline
}

.j_goodsTagImg {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.j_goodsTagImg img {
    display: block !important;
    vertical-align: baseline !important;
    width: 50px !important;
    height: 50px !important
}

.store-wrap .store-bd {
    padding-left: 1px
}

.store-wrap .store-main {
    margin-top: -20px;
    margin-left: -20px
}

.store-wrap .store-item {
    float: left;
    box-sizing: border-box;
    width: 287px;
    height: 100px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin-top: 20px;
    margin-left: 20px
}

.store-wrap .store-item:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.store-wrap .store-item a {
    display: block;
    text-decoration: none
}

.store-wrap .store-item img {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 30px;
    -webkit-transition: ease-out .25s;
    -moz-transition: ease-out .25s;
    -ms-transition: ease-out .25s;
    -o-transition: ease-out .25s;
    transition: ease-out .25s;
    opacity: 1;
    filter: alpha(opacity=100)
}

.store-wrap .store-item p {
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    height: 80px;
    font-size: 14px;
    line-height: 24px
}

.factory-wrap {
    margin-top: 30px
}

.factory-wrap .factory-inner {
    margin-left: -12px
}

.factory-wrap .factory-box {
    display: block;
    overflow: hidden
}

.factory-wrap .factory-box:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
    line-height: 0
}

.factory-wrap .factory-item {
    display: inline-block;
    float: left;
    margin-left: 11px;
    width: 396px
}

.factory-wrap .factory-item a {
    display: inline-block
}

.factory-wrap .factory-item a:hover {
    text-decoration: none
}

.factory-wrap .factory-item a:hover .factory-link {
    border-color: #c5c5c5
}

.factory-wrap .factory-item a:hover .factory-pic img {
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #fff
}

.factory-wrap .factory-pic {
    font-size: 0;
    line-height: 0
}

.factory-wrap .factory-pic img {
    display: block;
    vertical-align: baseline;
    width: 396px;
    height: 200px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.factory-wrap .factory-text {
    border: 1px solid #ddd;
    border-top: 0;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 34px
}

.factory-wrap .factory-logo {
    font-size: 0;
    line-height: 0
}

.factory-wrap .factory-logo img {
    width: 120px;
    height: 52px
}

.factory-wrap .factory-logo-title {
    margin-top: 10px;
    font-size: 13px;
    line-height: 14px;
    color: #777;
    text-decoration: none
}

.factory-wrap .factory-title {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-top: 24px
}

.factory-wrap .factory-link {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #777;
    margin-top: 30px
}

.stroll-wrap {
    padding-top: 45px;
    padding-bottom: 20px;
    margin-top: 0;
    overflow: hidden
}

.stroll-wrap .stroll-inner {
    margin-left: -35px
}

.stroll-wrap .stroll-box {
    display: block
}

.stroll-wrap .stroll-item {
    float: left;
    width: 100px;
    text-align: center;
    margin-left: 38px;
    margin-top: 35px
}

.stroll-wrap .stroll-item a {
    display: block
}

.stroll-wrap .stroll-item a:hover {
    text-decoration: none
}

.stroll-wrap .stroll-item a:hover .pic-hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.stroll-wrap .stroll-item a:hover .pic-bg {
    background-color: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000')
}

:root .stroll-wrap .stroll-item a:hover .pic-bg {
    filter: none
}

.stroll-wrap .stroll-pic {
    font-size: 0;
    line-height: 0;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%
}

.stroll-wrap .stroll-pic img {
    width: 100px;
    height: 100px
}

.stroll-wrap .stroll-pic .pic-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100px;
    height: 100%;
    border-radius: 50%
}

.stroll-wrap .stroll-pic .pic-hover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100px;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.stroll-wrap .stroll-title {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 20px
}

.errorPage-wrap {
    overflow: hidden;
    padding: 0 65px
}

.errorPage-wrap .errorPage-pic {
    float: left;
    margin-top: 160px;
    width: 335px;
    height: 380px
}

.errorPage-wrap .errorPage-pic img {
    display: block;
    width: 100%;
    height: 100%
}

.errorPage-wrap .errorPage-module {
    float: left;
    margin-top: 255px;
    margin-left: 30px
}

.errorPage-wrap .errorPage-title {
    font-size: 21px;
    font-weight: bold
}

.errorPage-wrap .errorPage-text {
    margin-top: 25px
}

.errorPage-wrap .errorPage-button a {
    display: block;
    width: 185px;
    height: 50px;
    margin-top: 25px;
    font-size: 16px;
    line-height: 50px
}

.ztlist-wrap {
    overflow: hidden
}

.ztlist-wrap .ztlist-inner {
    margin-left: -11px;
    margin-top: -25px
}

.ztlist-wrap .ztlist-item {
    float: left;
    width: 396px;
    margin-left: 11px;
    margin-top: 25px;
    font-size: 0;
    line-height: 0
}

.ztlist-wrap .ztlist-item a:hover {
    text-decoration: none
}

.ztlist-wrap .ztlist-item .box {
    display: block
}

.ztlist-wrap .ztlist-item .box:hover {
    text-decoration: none
}

.ztlist-wrap .ztlist-item .box:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.ztlist-wrap .ztlist-item .pic {
    overflow: hidden;
    width: 396px;
    height: 200px
}

.ztlist-wrap .ztlist-item .pic img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: ease-out .25s;
    -moz-transition: ease-out .25s;
    -ms-transition: ease-out .25s;
    -o-transition: ease-out .25s;
    transition: ease-out .25s;
    opacity: 1;
    filter: alpha(opacity=100)
}

.ztlist-wrap .ztlist-item .text {
    overflow: hidden;
    display: block;
    height: 50px;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 14px;
    line-height: 50px;
    text-align: center
}

.ztlist-wrap .ztlist-item .text a {
    display: block;
    width: 100%;
    height: 100%
}

.ztlist-wrap .ztlist-item .text a:hover {
    text-decoration: none
}

.usercenter-hd {
    position: relative;
    margin-bottom: 36px
}

.usercenter-hd .submenu {
    overflow: hidden;
    font-size: 13px;
    line-height: 22px
}

.usercenter-hd .submenu+.title {
    margin-top: 36px
}

.usercenter-hd .submenu-item {
    float: left
}

.usercenter-hd .submenu-item.current {
    font-size: 14px;
    font-weight: bold
}

.usercenter-hd .submenu-item+.submenu-item {
    position: relative;
    margin-left: 76px
}

.usercenter-hd .submenu-item+.submenu-item:after {
    content: '/';
    position: absolute;
    left: -39px;
    top: 0;
    font-size: 13px;
    line-height: 22px
}

.usercenter-hd .submenu-setting {
    float: right
}

.usercenter-hd .submenu-setting .i-setting {
    overflow: hidden;
    display: inline-block;
    width: 16px;
    height: 15px;
    text-indent: -9999px;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat -388px -300px
}

.usercenter-hd .submenu-setting .i-setting:hover,
.usercenter-hd .submenu-setting .i-setting.i-setting-select {
    text-decoration: none;
    background-position: -425px -300px
}

.usercenter-hd .submenu-help {
    float: right
}

.usercenter-hd .submenu-help a {
    color: #638db4
}

.usercenter-hd .num-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 6px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #ff7765
}

.usercenter-hd .num-circle.hide {
    display: none
}

.usercenter-hd .num-circle-more {
    width: 26px;
    border-radius: 10px
}

.usercenter-hd .num-circle-more .dotted {
    position: relative;
    top: -3px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px
}

.usercenter-hd .title {
    font-size: 18px;
    line-height: 1
}

.usercenter-none {
    padding-top: 135px;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.table,
.table-row,
.table-cell {
    vertical-align: middle
}

.table {
    display: table
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell;
    *float: left
}

.circle {
    overflow: hidden;
    border-radius: 50%;
    vertical-align: top
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vl-middle {
    display: inline-block;
    width: 1px;
    height: 158px;
    margin-left: -1px;
    line-height: 0;
    *zoom: 1;
    *display: inline;
    vertical-align: middle
}

.anim-all {
    -webkit-transition: ease-out .25s;
    -moz-transition: ease-out .25s;
    -o-transition: ease-out .25s;
    transition: ease-out .25s
}

.op0 {
    opacity: 0;
    filter: alpha(opacity=0)
}

.op3 {
    opacity: .3;
    filter: alpha(opacity=30)
}

.op5 {
    opacity: .5;
    filter: alpha(opacity=50)
}

.op7 {
    opacity: .7;
    filter: alpha(opacity=70)
}

.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.clearfix {
    *display: table;
    *zoom: 1
}

.cb {
    clear: both;
    height: 0;
    overflow: hidden
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.fl {
    display: inline;
    float: left
}

.fr {
    display: inline;
    float: right
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.ti1 {
    text-indent: 1em
}

.ti2 {
    text-indent: 2em
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

.vb {
    vertical-align: bottom
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.fixed {
    position: fixed
}

.pointer {
    cursor: pointer
}

.hide {
    display: none
}

.block {
    display: block
}

.hidden {
    position: relative;
    overflow: hidden
}

.inline-block {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.f12,
.f13 {
    line-height: 22px
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f24 {
    font-size: 24px
}

.f30 {
    font-size: 30px
}

.fn {
    font-weight: 500
}

.lh18 {
    line-height: 18px
}

.lh22 {
    line-height: 22px
}

.lh24 {
    line-height: 24px
}

.lh26 {
    line-height: 26px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.lh32 {
    line-height: 32px
}

.lh36 {
    line-height: 36px
}

.lh38 {
    line-height: 38px
}

.lh50 {
    line-height: 50px
}

.unl {
    text-decoration: underline
}

.no-unl,
.no-unl:hover {
    text-decoration: none
}

.simsun {
    font-family: 'Simsun'
}

.justify {
    text-align: justify;
    text-justify: inter-ideograph
}

.color-white {
    color: #FFF
}

.color-blue {
    color: #638db4
}

.color-green {
    color: #50b1a2
}

.color-red {
    color: #e03223
}

.color-ff4 {
    color: #ff4e4e
}

.color-333 {
    color: #333
}

.color-666 {
    color: #666
}

.color-888 {
    color: #888
}

.color-999 {
    color: #999
}

.color-5a {
    color: #5a5a5a
}

.color-c3 {
    color: #c3c3c3
}

.color-db {
    color: #dbdbdb
}

.wAll {
    width: 100%
}

.w75 {
    width: 75px
}

.w90 {
    width: 90px
}

.w132 {
    width: 132px
}

.w150 {
    width: 150px
}

.w210 {
    width: 210px
}

.w230 {
    width: 230px
}

.w570 {
    width: 570px
}

.w625 {
    width: 625px
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.m30 {
    margin: 30px
}

.m35 {
    margin: 35px
}

.m40 {
    margin: 40px
}

.m45 {
    margin: 45px
}

.m50 {
    margin: 50px
}

.m55 {
    margin: 55px
}

.m60 {
    margin: 60px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml45 {
    margin-left: 45px
}

.ml50 {
    margin-left: 50px
}

.ml55 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}

.mr45 {
    margin-right: 45px
}

.mr50 {
    margin-right: 50px
}

.mr55 {
    margin-right: 55px
}

.mr60 {
    margin-right: 60px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt55 {
    margin-top: 55px
}

.mt60 {
    margin-top: 60px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.mb60 {
    margin-bottom: 60px
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px
}

.mlr10 {
    margin-left: 10px;
    margin-right: 10px
}

.mlr15 {
    margin-left: 15px;
    margin-right: 15px
}

.mlr20 {
    margin-left: 20px;
    margin-right: 20px
}

.mlr25 {
    margin-left: 25px;
    margin-right: 25px
}

.mlr30 {
    margin-left: 30px;
    margin-right: 30px
}

.mlr35 {
    margin-left: 35px;
    margin-right: 35px
}

.mlr40 {
    margin-left: 40px;
    margin-right: 40px
}

.mlr45 {
    margin-left: 45px;
    margin-right: 45px
}

.mlr50 {
    margin-left: 50px;
    margin-right: 50px
}

.mlr55 {
    margin-left: 55px;
    margin-right: 55px
}

.mlr60 {
    margin-left: 60px;
    margin-right: 60px
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mtb25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mtb35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.mtb40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mtb45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.mtb50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mtb55 {
    margin-top: 55px;
    margin-bottom: 55px
}

.mtb60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p30 {
    padding: 30px
}

.p35 {
    padding: 35px
}

.p40 {
    padding: 40px
}

.p45 {
    padding: 45px
}

.p50 {
    padding: 50px
}

.p55 {
    padding: 55px
}

.p60 {
    padding: 60px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl35 {
    padding-left: 35px
}

.pl40 {
    padding-left: 40px
}

.pl45 {
    padding-left: 45px
}

.pl50 {
    padding-left: 50px
}

.pl55 {
    padding-left: 55px
}

.pl60 {
    padding-left: 60px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pr35 {
    padding-right: 35px
}

.pr40 {
    padding-right: 40px
}

.pr45 {
    padding-right: 45px
}

.pr50 {
    padding-right: 50px
}

.pr55 {
    padding-right: 55px
}

.pr60 {
    padding-right: 60px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt55 {
    padding-top: 55px
}

.pt60 {
    padding-top: 60px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb45 {
    padding-bottom: 45px
}

.pb50 {
    padding-bottom: 50px
}

.pb55 {
    padding-bottom: 55px
}

.pb60 {
    padding-bottom: 60px
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px
}

.plr25 {
    padding-left: 25px;
    padding-right: 25px
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px
}

.plr35 {
    padding-left: 35px;
    padding-right: 35px
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px
}

.plr45 {
    padding-left: 45px;
    padding-right: 45px
}

.plr50 {
    padding-left: 50px;
    padding-right: 50px
}

.plr55 {
    padding-left: 55px;
    padding-right: 55px
}

.plr60 {
    padding-left: 60px;
    padding-right: 60px
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.ptb25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.ptb35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.ptb45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.ptb55 {
    padding-top: 55px;
    padding-bottom: 55px
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.datetimepicker {
    display: none;
    position: absolute;
    padding: 6px 12px 12px;
    width: 196px;
    background-color: #FFF;
    border: 1px solid #DDD;
    font-family: 'Microsoft Yahei';
    color: #555
}

.day,
.hour,
.minute,
.month,
.year {
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: #666;
    text-align: center;
    line-height: 28px
}

.day:hover,
.hour:hover,
.minute:hover,
.month:hover,
.year:hover {
    background-color: #3C9;
    color: #FFF
}

.active,
.active:hover {
    background-color: #08B5A3;
    color: #FFF
}

.old,
.new {
    color: #CCC
}

.hour,
.minute,
.month,
.year {
    float: left;
    width: 49px;
    height: 28px
}

.next,
.prev {
    font: 16px/46px Simsun;
    cursor: pointer;
    color: #BBB
}

.prev .icon-arrow-left:after {
    content: '<'
}

.next .icon-arrow-right:after {
    content: '>'
}

.switch {
    font-size: 13px;
    height: 46px
}

.bar-cart-num:before {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    content: " "
}

.bar-wrap {
    *display: table;
    *zoom: 1
}

.bar-wrap:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.bar-cart-num:before {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    content: " "
}

.bar-wrap {
    *display: table;
    *zoom: 1
}

.bar-wrap:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.bar-icon-mobile,
.bar-icon-coumunity,
.bar-icon-service,
.bar-icon-weixin,
.bar-icon-gzs,
.bar-icon-tel,
.bar-item-name:after,
.bar-item-name.hover:after,
.bar-cart-name,
.bar-cart-name-none {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/static/home/images/images/sprite_icons.png);
    background-repeat: no-repeat
}

.bar-icon-mobile {
    width: 9px;
    height: 15px;
    background-position: 0 -250px
}

.bar-icon-coumunity {
    width: 16px;
    height: 18px;
    background-position: 0 0
}

.bar-icon-service {
    width: 13px;
    height: 16px;
    background-position: -35px 0
}

.bar-icon-weixin {
    width: 16px;
    height: 16px;
    background-position: -66px 0
}

.bar-icon-gzs {
    width: 11px;
    height: 15px;
    background-position: -768px 0
}

.bar-icon-tel {
    width: 12px;
    height: 16px;
    background-position: -103px 0
}

.bar-item-name:after {
    width: 9px;
    height: 6px;
    background-position: -72px -50px
}

.bar-item-name.hover:after {
    width: 9px;
    height: 6px;
    background-position: -107px -50px
}

.hide {
    display: none
}

.bar-outer {
    width: 100%;
    min-width: 1210px;
    height: 40px;
    border-bottom: 4px solid #ff5000;
    background-color: #505050
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .bar-outer {
        min-width: 1240px
    }
}

.bar-outer-narrow {
    min-width: 996px
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .bar-outer-narrow {
        min-width: 1026px
    }
}

.bar-wrap {
    width: 1210px;
    margin: 0 auto
}

.bar-wrap-narrow {
    width: 996px
}

.bar-main {
    float: left;
    line-height: 40px
}

.bar-item {
    position: relative;
    float: left;
    margin-right: 20px
}

.bar-item>a {
    color: #c5c5c5;
    text-decoration: none
}

.bar-item>a:hover {
    color: #ddd;
    text-decoration: none
}

.bar-item2 .bar-item-cont {
    left: -21px
}

.bar-item-free {
    margin-left: 20px
}

.bar-item-name {
    display: block;
    height: 40px;
    padding-right: 20px;
    cursor: default;
    text-decoration: none;
    color: #c5c5c5
}

.bar-item-name ins {
    margin-right: 5px
}

.bar-item-name>a {
    color: #c5c5c5
}

.bar-item-name>a:hover {
    color: #ddd;
    text-decoration: none
}

.bar-item-name:after {
    content: "";
    position: absolute;
    right: 0;
    top: 17px
}

.bar-item-name:hover {
    text-decoration: none
}

.bar-item-name.hover:after {
    position: absolute
}

a.bar-item-name {
    cursor: pointer
}

.bar-item-cont {
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 101;
    display: none;
    min-width: 50px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    background-color: #fff
}

.bar-item-cont a {
    display: block;
    line-height: 30px;
    white-space: nowrap
}

.bar-item-app,
.bar-item-weixin {
    padding: 15px;
    text-align: center
}

.bar-item-app img,
.bar-item-weixin img {
    display: block;
    width: 105px;
    height: 105px;
    margin-bottom: 10px
}

.bar-item-app span,
.bar-item-weixin span {
    display: block;
    line-height: 12px;
    color: #222
}

a.bar-item-gzs {
    color: #c5c5c5
}

a.bar-item-gzs:hover {
    color: #ddd
}

.bar-icon-gzs {
    margin-right: 5px
}

.bar-icon-tel {
    margin-right: 5px
}

.bar-side {
    float: right;
    line-height: 40px
}

.bar-user {
    float: left;
    color: #c5c5c5
}

.bar-user a {
    margin-right: 20px;
    color: #c5c5c5;
    text-decoration: none
}

.bar-user a:hover {
    color: #ddd;
    text-decoration: none
}

.bar-user .line {
    margin-right: 20px;
    color: #777
}

.bar-cart {
    float: left;
    margin-left: 10px
}

.bar-cart a,
.bar-cart a:hover,
.bar-cart a:hover * {
    text-decoration: none
}

.bar-cart-name {
    width: 22px;
    height: 24px;
    margin-left: 5px;
    margin-right: 5px;
    background-position: -174px 0;
    text-indent: -9999px
}

.bar-cart-name-none {
    background-position: -137px 0
}

.bar-cart-num {
    position: relative;
    display: inline-block;
    width: 38px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 0;
    text-align: center;
    color: #fff;
    background-color: #5fd9da
}

.bar-cart-num:before {
    border: 5px solid transparent;
    border-right-color: #5fd9da;
    position: absolute;
    left: -9px;
    top: 50%;
    margin-top: -5px
}

@charset "UTF-8";

.hd-wrap,
.hd-tepin {
    *display: table;
    *zoom: 1
}

.hd-wrap:after,
.hd-tepin:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.hd-wrap,
.hd-tepin {
    *display: table;
    *zoom: 1
}

.hd-wrap:after,
.hd-tepin:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.hd-icon-delete,
.hd-icon-empty,
.hd-valuable ins,
.nav-icon-market,
.nav-icon-article {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/static/home/images/images/sprite_icons.png);
    background-repeat: no-repeat
}

.hd-icon-delete {
    width: 12px;
    height: 11px;
    background-position: -373px -50px
}

.hd-icon-delete:hover {
    background-position: -411px -50px
}

.hd-icon-delete:active {
    background-position: -466px -50px
}

.hd-icon-empty {
    width: 11px;
    height: 14px;
    background-position: -480px -50px
}

.hd-icon-empty:hover {
    background-position: -508px -50px
}

.hd-icon-empty:active {
    background-position: -533px -50px
}

.header-box.withFixed {
    width: 100%;
    height: 254px
}

.header-box.withFixed .header-inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    -webkit-animation: fixedHeaderShow .3s;
    -moz-animation: fixedHeaderShow .3s;
    -ms-animation: fixedHeaderShow .3s;
    -o-animation: fixedHeaderShow .3s;
    animation: fixedHeaderShow .3s
}

.header-box.withFixed .header-cont {
    position: relative;
    width: 1210px;
    margin: 0 auto
}

.header-box.withFixed .header-cont .bar-outer,
.header-box.withFixed .header-cont .hd-wrap,
.header-box.withFixed .header-cont .nav-wrap {
    overflow: hidden;
    height: 0;
    border: 0
}

.header-box.withFixed .header-cont .hd-search {
    position: absolute;
    left: 252px;
    top: 6px;
    margin: 0
}

.header-box.withFixed .header-cont .nav-inner {
    position: static
}

.header-box.withFixed .header-cont .nav-classify {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px
}

.header-box.withFixed .header-cont .nav-classify-name {
    height: 50px;
    line-height: 50px
}

.header-box.withFixed .header-cont .nav-classify-cont {
    top: 50px
}

.header-box.withFixed .header-cont .bar-cart {
    position: absolute;
    right: 0;
    top: 5px
}

.header-box.withFixed .header-cont .bar-cart-name {
    background-image: url("/static/home/images/images/icons-fixedhead.png");
    background-position: 0 -38px
}

.header-box.withFixed .header-cont .bar-cart-name-none {
    background-image: url("/static/home/images/images/icons-fixedhead.png");
    background-position: 0 0
}

@-webkit-keyframes fixedHeaderShow {
    0% {
        top: -50px
    }

    100% {
        top: 0
    }
}

@-moz-keyframes fixedHeaderShow {
    0% {
        top: -50px
    }

    100% {
        top: 0
    }
}

@keyframes fixedHeaderShow {
    0% {
        top: -50px
    }

    100% {
        top: 0
    }
}

.hd-wrap {
    width: 1210px;
    padding-top: 35px;
    margin: 0 auto
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .hd-wrap {
        padding-left: 15px;
        padding-right: 15px
    }
}

.hd-logo {
    float: left;
    width: 198px;
    height: 74px
}

.hd-logo img {
    width: 100%;
    height: 100%
}

.tp-logo {
    width: 218px;
    height: 56px
}

.hd-search {
    position: relative;
    float: left;
    width: 431px;
    height: 34px;
    border: 2px solid #ff5000;
    margin-left: 54px;
    margin-top: 20px
}

.hd-search .search-key {
    box-sizing: content-box;
    width: 376px;
    height: 34px;
    padding: 0 10px;
    margin-right: 37px;
    border: 0
}

.hd-search .search-button {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 38px;
    height: 38px;
    border: 0;
    background: #ff5000 url(/static/home/images/images/sprite_icons.png) no-repeat -276px 10px
}

.hd-search .search-button:hover,
.hd-search .search-button:active {
    background-position: -276px 10px
}

.hd-search .search-button:hover {
    background-color: #5fd9da !important
}

.hd-search .search-button:active {
    background-color: #00cbcc !important
}

.hd-search-box {
    position: absolute;
    left: -2px;
    top: 36px;
    z-index: 99;
    display: none;
    width: 433px;
    background-color: #FFF;
    border: 1px solid #c4c4c4;
    border-top: 0;
    line-height: 30px
}

.hd-search-box .search-item,
.hd-search-box .search-default {
    position: relative;
    padding: 0 12px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.hd-search-box .search-default {
    color: #c3c3c3;
    cursor: default
}

.hd-search-box .search-notice {
    position: absolute;
    top: 0;
    right: 10px;
    height: 30px;
    color: #c3c3c3
}

.hd-search-box .search-notice var {
    float: right
}

.hd-search-box .search-default .hd-icon-empty {
    position: absolute;
    right: 8px;
    top: 8px
}

.hd-search-box .search-item .hd-icon-delete {
    display: none;
    margin-right: 3px
}

.hd-search-box .search-current {
    background-color: #f2fbfa
}

.hd-search-box .hd-search-his .search-item:hover,
.hd-search-box .hd-search-interest .search-item:hover {
    color: #00bebf
}

.hd-search-box .search-item:hover .hd-icon-delete {
    display: inline-block;
    *display: nline;
    *zoom: 1
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .hd-search-box .search-item:hover .hd-icon-delete {
        display: none
    }
}

.hd-search-box .fullwidth {
    width: 100%
}

.hd-search-box .smallwidth {
    width: 220px;
    float: left
}

.hd-search-box .graysug:hover {
    background-color: #FFF
}

.hd-search-box .searchnum {
    color: #c3c3c3;
    float: right
}

.hd-search-box .search-line {
    margin: 2px 12px;
    border-top: 1px dotted #c3c3c3
}

.hd-search-his {
    float: left;
    width: 227px;
    padding-bottom: 8px;
    border-right: 1px solid #c3c3c3
}

.hd-search-interest {
    display: inline;
    float: left;
    margin-left: -1px;
    width: 205px;
    padding-bottom: 8px;
    border-left: 1px solid #c3c3c3
}

.hd-search-sug {
    clear: both
}

.hd-search-sug .search-item .keywords {
    color: #00bebf
}

.hd-icon-empty {
    cursor: pointer
}

.hd-icon-delete {
    cursor: pointer
}

.hd-valuable {
    float: right;
    margin-top: 25px
}

.hd-valuable a {
    float: left;
    height: 30px;
    margin-left: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #777
}

.hd-valuable a:first-child {
    margin-left: 0
}

.hd-valuable a:hover ins {
    opacity: .8;
    filter: alpha(opacity=80)
}

.hd-valuable ins {
    height: 30px;
    margin-right: 10px
}

.hd-icon-yc {
    width: 27px;
    background-position: 0 -100px
}

.hd-icon-cp {
    top: 2px;
    width: 25px;
    background-position: -81px -100px
}

.hd-icon-pj {
    top: 4px;
    width: 22px;
    background-position: -42px -100px
}

.hd-icon-qs {
    top: 3px;
    width: 37px;
    background-position: -121px -100px
}

.hd-wrap-narrow {
    width: 996px
}

.hd-wrap-narrow .hd-search {
    float: right
}

.hd-cart-pos {
    float: left;
    clear: both;
    width: 565px;
    height: 75px;
    margin-bottom: 50px;
    margin-left: 215px;
    padding-top: 35px
}

.hd-cart-pos .item {
    position: relative;
    float: left;
    width: 80px;
    margin-right: 162px
}

.hd-cart-pos .item-last {
    margin-right: 0
}

.hd-cart-pos .name {
    height: 25px;
    margin-top: 50px;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    color: #777
}

.hd-cart-pos .num {
    position: absolute;
    left: 50%;
    top: 19px;
    z-index: 2;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fffefe;
    background: url(/static/home/images/images/sprites_1.png) no-repeat -30px 0
}

.hd-cart-pos .line {
    position: absolute;
    left: 50%;
    top: 31px;
    z-index: 1;
    width: 216px;
    height: 2px;
    margin-left: 13px;
    background: url(/static/home/images/images/sprites_1.png) no-repeat 0 -46px
}

.hd-cart-pos .item-current .name,
.hd-cart-pos .item-pass .name,
.hd-cart-pos .item-complete .name {
    color: #ff6b58
}

.hd-cart-pos .item-current .num,
.hd-cart-pos .item-pass .num,
.hd-cart-pos .item-complete .num {
    background-position: 0 0
}

.hd-cart-pos .item-current .line {
    background-position: 0 -42px
}

.hd-cart-pos .item-pass .line {
    background-position: 0 -34px
}

.hd-cart-pos .item-complete .line {
    background-position: 0 -30px
}

.hd-tepin {
    width: 1210px;
    height: 105px;
    padding-top: 25px;
    margin: 0 auto;
    background-color: #fff
}

@media screen and (max-device-width:1024px) and (min-device-width:768px) {
    .hd-tepin {
        padding-left: 15px;
        padding-right: 15px
    }
}

.hd-tepin .hd-search {
    float: right;
    margin-left: 550px;
    margin-top: 0
}

.hd-tepin .hd-nav {
    overflow: hidden;
    float: right;
    max-width: 992px;
    height: 35px;
    font-size: 0;
    margin-top: 20px;
    text-align: right
}

.hd-tepin .hd-nav .item {
    display: inline-block
}

.hd-tepin .hd-nav .item a {
    display: block;
    border-bottom: 2px solid #fff;
    text-decoration: none;
    -webkit-transition: ease-out .1s;
    -moz-transition: ease-out .1s;
    -ms-transition: ease-out .1s;
    -o-transition: ease-out .1s;
    transition: ease-out .1s;
    font-size: 13px;
    line-height: 33px
}

.hd-tepin .hd-nav .item a:hover {
    color: #00bebf;
    border-color: #6cd8db
}

.hd-tepin .hd-nav .item+.item {
    margin-left: 30px
}

.hd-tepin .hd-nav .item-current a {
    color: #00bebf;
    border-color: #6cd8db
}

.nav-wrap {
    border-bottom: 1px solid #c7c7c7
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .nav-wrap {
        width: 1210px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.nav-inner {
    *display: table;
    *zoom: 1;
    position: relative;
    width: 1210px;
    height: 60px;
    margin: 40px auto 0
}

.nav-inner:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.nav-classify {
    position: relative;
    z-index: 100;
    float: left;
    width: 168px;
    height: 60px;
    overflow: visible
}

.nav-classify:hover .nav-classify-box {
    display: block
}

.nav-classify-name {
    position: relative;
    display: block;
    width: 168px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    text-indent: 32px;
    letter-spacing: 2px;
    color: #fff;
    background-color: #92a9b9;
    cursor: pointer
}

.nav-classify-name:after {
    content: '';
    position: absolute;
    right: 33px;
    top: 24px;
    width: 14px;
    height: 11px;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat -74px -300px
}

.nav-classify-box {
    display: none;
    width: 168px;
    height: 342px;
    background-color: rgba(103, 117, 130, 0.99);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#FC677582', endColorstr='#FC677582')
}

:root .nav-classify-box {
    filter: none
}

.nav-classify-box.state-visible {
    display: block
}

.nav-classify-item {
    width: 168px;
    height: 54px
}

.nav-classify-item:hover .nav-classify-title:after,
.nav-classify-item.current .nav-classify-title:after {
    background-position: -114px -300px
}

.nav-classify-item:hover .nav-classify-title,
.nav-classify-item.current .nav-classify-title {
    background-color: #43d6d1
}

.nav-classify-item:hover .nav-classify-title a,
.nav-classify-item.current .nav-classify-title a {
    text-decoration: none
}

.nav-classify-item:hover .nav-classify-cont,
.nav-classify-item.current .nav-classify-cont {
    display: block
}

.nav-classify-title {
    position: relative;
    width: 100%;
    height: 100%
}

.nav-classify-title:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 21px;
    width: 6px;
    height: 12px;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat -151px -300px
}

.nav-classify-title a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 54px;
    text-indent: 32px;
    letter-spacing: 2px;
    color: #fff
}

.nav-classify-more {
    padding-left: 32px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 2px
}

.nav-classify-more a {
    color: #c5c5c5
}

.nav-classify-more a:hover {
    color: #fff;
    text-decoration: none
}

.nav-classify-cont {
    position: absolute;
    left: 168px;
    top: 60px;
    z-index: 99999;
    display: none;
    width: 1042px;
    height: 342px
}

.nav-classify-cont .nav-classify-list {
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    width: 612px;
    height: 342px;
    padding-top: 30px;
    padding-left: 30px;
    background-color: #fff;
    border: 1px solid #ddd
}

.nav-classify-cont .nav-classify-list-item {
    float: left;
    width: 190px;
    height: 65px;
    margin-bottom: 40px
}

.nav-classify-cont .nav-classify-list-item a {
    display: block;
    width: 100%;
    height: 100%
}

.nav-classify-cont .nav-classify-list-item a:hover {
    text-decoration: none;
    color: #00bebf
}

.nav-classify-cont .nav-classify-list-item a:hover .text {
    text-decoration: none
}

.nav-classify-cont .nav-classify-list-item img {
    float: left;
    width: 65px;
    height: 65px
}

.nav-classify-cont .nav-classify-list-item .text {
    float: left;
    overflow: hidden;
    width: 6em;
    height: 65px;
    margin-left: 20px;
    font-size: 15px;
    line-height: 65px
}

.nav-classify-cont .nav-classify-banner {
    position: relative;
    z-index: 10;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    width: 230px;
    height: 342px;
    padding-top: 30px;
    padding-right: 29px;
    margin-left: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: 0
}

.nav-classify-cont .nav-classify-banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    height: 285px;
    border-left: 1px dotted #ddd
}

.nav-classify-cont .nav-classify-banner-big {
    width: 431px
}

.nav-classify-cont .nav-classify-banner-big .nav-classify-banner-item {
    float: left
}

.nav-classify-cont .nav-classify-banner-item {
    width: 170px;
    margin-left: 30px;
    margin-bottom: 20px
}

.nav-classify-cont .nav-classify-banner-item a:hover {
    text-decoration: none
}

.nav-classify-cont .nav-classify-banner-item a:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.nav-classify-cont .nav-classify-banner-item img {
    display: block;
    width: 170px;
    height: 85px;
    margin-bottom: 8px;
    -webkit-transition: ease-out .25s;
    -moz-transition: ease-out .25s;
    -ms-transition: ease-out .25s;
    -o-transition: ease-out .25s;
    transition: ease-out .25s;
    opacity: 1;
    filter: alpha(opacity=100)
}

.nav-classify-cont .nav-classify-banner-item .text {
    overflow: hidden;
    display: block;
    height: 40px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 20px;
    text-align: center
}

.nav-country {
    float: left;
    overflow: hidden;
    width: 930px;
    height: 56px;
    margin-left: 20px
}

.nav-country ul {
    margin-left: -43px
}

.nav-country .item {
    float: left;
    min-width: 48px;
    margin-left: 43px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: left
}

.nav-country .item.current a {
    color: #00bebf;
    font-weight: bold
}

.nav-country .item a:hover {
    color: #00bebf;
    text-decoration: none
}

.nav-country .item-firstline {
    position: relative;
    width: 60px
}

.nav-country .item-firstline a {
    position: absolute;
    left: -2px;
    white-space: nowrap
}

.nav-side {
    float: right;
    width: 92px;
    margin-top: -6px
}

.nav-side-item {
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.nav-side-item:first-child {
    margin-top: 0
}

.nav-side-item:first-child.nav-side-market {
    margin-top: 32px
}

.nav-side-item a:hover {
    color: #00bebf;
    text-decoration: none
}

.nav-side-item .nav-icon-article,
.nav-side-item .nav-icon-market {
    float: left;
    width: 26px;
    height: 24px;
    margin-right: 8px
}

.nav-icon-market {
    background-position: -762px -200px
}

.nav-icon-article {
    background-position: -762px -250px;
    left: 2px
}

.nav-wrap-narrow {
    min-width: 996px
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .nav-wrap-narrow {
        width: 996px
    }
}

.nav-wrap-narrow .nav-inner {
    width: 996px
}

.nav-wrap-narrow .nav-country {
    width: 780px
}

.nav-wrap-narrow .nav-country ul {
    margin-left: -31px
}

.nav-wrap-narrow .nav-country .item {
    margin-left: 31px
}

.nav-wrap-narrow .nav-side {
    display: none
}

.nav-wrap-narrow .nav-classify-cont {
    width: 612px
}

.nav-wrap-narrow .nav-classify-banner {
    display: none
}

.menu-outer {
    width: 100%;
    border-bottom: 1px solid #c7c7c7
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .menu-outer {
        min-width: 1026px
    }
}

.menu {
    overflow: hidden;
    width: 996px;
    height: 55px;
    margin: 15px auto 0;
    font-size: 16px;
    line-height: 55px
}

.menu ul {
    width: 110% \9
}

.menu-item {
    float: left;
    margin-left: 46px
}

.menu-item:first-child {
    margin-left: 0
}

.menu-item a {
    padding: 0;
    text-decoration: none
}

.menu-item a:hover {
    color: #00bebf;
    text-decoration: none
}

.menu-item .menuCur {
    font-weight: bold;
    color: #00bebf
}

.login-outer {
    padding: 12px
}

.login-logo {
    margin: 25px 0 10px 50px;
    width: 186px;
    height: 73px;
    background: url(/static/home/images/images/logo.png) no-repeat
}

.login_welcome {
    display: none;
    font-size: 13px;
    text-align: center;
    margin-left: 113px
}

.login-user,
.login-pass,
.login-code {
    padding: 13px 10px
}

.login-user:focus,
.login-pass:focus,
.login-code:focus {
    padding: 12px 9px
}

.login-user,
.login-pass {
    width: 282px
}

.login-code {
    width: 130px
}

.login-reloadCode {
    margin: 12px 0 12px 12px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: -79px -669px !important
}

.login-button {
    display: block;
    width: 304px;
    height: 48px;
    background-color: #0bb5a3;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    color: #FFF
}

.login-button:hover,
.login-button:active {
    text-decoration: none
}

.login-button:hover {
    background-color: #3c9
}

.login-button:active {
    background-color: #37dca5
}

.login-other {
    position: relative;
    height: 22px;
    text-align: center;
    color: #888
}

.login-line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-top: 1px dotted #DDD
}

.login-oter-text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 3;
    padding: 0 12px;
    background-color: #FFF
}

.sina-login,
.qq-login,
.sina-login:hover,
.qq-login:hover {
    width: 145px;
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    color: #FFF
}

.sina-login {
    background-color: #e8706b
}

.qq-login {
    background-color: #52cfea
}

.sina-login:hover {
    background-color: #ff7b76
}

.qq-login:hover {
    background-color: #6ddbf3
}

.login-sina-icon,
.login-qq-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 20px;
    vertical-align: middle
}

.login-sina-icon {
    width: 24px;
    background-position: -110px -670px !important
}

.login-qq-icon {
    width: 18px;
    background-position: -152px -670px !important
}

#verifyCode {
    display: none
}

.login-error {
    display: none
}

.border-red {
    border: 1px solid #e03223
}

.login-user-outer {
    position: relative
}

#toggleMail {
    position: absolute;
    background: #fff;
    z-index: 1000;
    width: 100%;
    box-sizing: border-box;
    top: 68px;
    border: 1px solid #eee
}

#toggleMail li {
    padding-left: 12px;
    line-height: 28px
}

#toggleMail li:hover,
#toggleMail li.mailSele {
    cursor: pointer;
    background: #f5f5f5
}

.capslock {
    background: url("/static/home/images/images/caps.png") no-repeat 262px
}

#loginDialog {
    padding: 0
}

#loginDialog .dialog-lightbox-body {
    padding: 0
}

#loginDialog .dialog-lightbox-header {
    padding-bottom: 0;
    height: 5px
}

#loginDialog .dialog-lightbox-header .dialog-lightbox-close {
    right: 8px;
    top: 8px
}

.sidebar-wrap .hoverShowCont .arrow {
    position: relative;
    display: inline-block
}

.sidebar-wrap .hoverShowCont .arrow:before,
.sidebar-wrap .hoverShowCont .arrow:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0
}

.ft-wrap .ft-help,
.ft-wrap .ft-about {
    *display: table;
    *zoom: 1
}

.ft-wrap .ft-help:after,
.ft-wrap .ft-about:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.sidebar-wrap .hoverShowCont .arrow {
    position: relative;
    display: inline-block
}

.sidebar-wrap .hoverShowCont .arrow:before,
.sidebar-wrap .hoverShowCont .arrow:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0
}

.ft-wrap .ft-help,
.ft-wrap .ft-about {
    *display: table;
    *zoom: 1
}

.ft-wrap .ft-help:after,
.ft-wrap .ft-about:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20'
}

.ft-wrap .ft-icon-tel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/static/home/images/images/sprite_icons.png);
    background-repeat: no-repeat
}

.ft-wrap .ft-icon-tel {
    width: 12px;
    height: 16px;
    background-position: -103px 0
}

body,
html {
    padding: 0;
    margin: 0
}

.sidebar-wrap {
    width: 70px;
    position: fixed;
    left: 50%;
    z-index: 99;
    margin-left: 620px;
    display: none
}

@media screen and (max-width:1024px) {
    .sidebar-wrap {
        display: none !important
    }
}

.sidebar-wrap.stateNarrow {
    margin-left: 0;
    left: auto;
    right: 0;
    margin-left: 532px;
    background-color: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E6FFFFFF', endColorstr='#E6FFFFFF')
}

:root .sidebar-wrap.stateNarrow {
    filter: none
}

.sidebar-wrap .sidebar-item {
    position: relative;
    width: 70px;
    height: 18px;
    padding-top: 60px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #999;
    cursor: pointer
}

.sidebar-wrap .sidebar-item:hover {
    color: #777
}

.sidebar-wrap .sidebar-item:before,
.sidebar-wrap .sidebar-item>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 60px;
    background: url(/static/home/images/images/sidebar.png) no-repeat
}

.sidebar-wrap .sidebar-item.app:before {
    display: none
}

.sidebar-wrap .hoverShowCont {
    display: none;
    position: absolute;
    right: 70px;
    top: -44px;
    z-index: 99;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #fff
}

.sidebar-wrap .hoverShowCont .pic {
    display: block;
    width: 105px;
    height: 105px;
    margin: 10px 15px
}

.sidebar-wrap .hoverShowCont .text {
    display: block;
    line-height: 20px;
    color: #222;
    font-size: 12px;
    margin-bottom: 10px
}

.sidebar-wrap .hoverShowCont .arrow {
    position: absolute;
    right: 0;
    top: 74px;
    margin-right: -7px
}

.sidebar-wrap .hoverShowCont .arrow {
    width: 7px;
    height: 14px
}

.sidebar-wrap .hoverShowCont .arrow:before {
    top: 0;
    left: 0
}

.sidebar-wrap .hoverShowCont .arrow:after {
    top: 0;
    left: -1px
}

.sidebar-wrap .hoverShowCont .arrow:before,
.sidebar-wrap .hoverShowCont .arrow:after {
    border: 7px solid transparent;
    border-left-color: #ddd
}

.sidebar-wrap .hoverShowCont .arrow:after {
    border-left-color: #fff
}

.sidebar-wrap .top {
    display: none
}

.sidebar-wrap .top:before {
    background-position: 5px 0
}

.sidebar-wrap .top:hover:before {
    background-position: -55px 0
}

.sidebar-wrap .service:before {
    background-position: 5px -60px
}

.sidebar-wrap .service:hover:before {
    background-position: -55px -60px
}

.sidebar-wrap .service-light:before {
    background-position: -121px -60px
}

.sidebar-wrap .service-light:hover:before {
    background-position: -189px -60px
}

.sidebar-wrap .feedback:before {
    background-position: 0 -118px
}

.sidebar-wrap .feedback:hover:before {
    background-position: -60px -118px
}

.sidebar-wrap .weixin:before {
    background-position: 5px -290px
}

.sidebar-wrap .weixin:hover:before {
    background-position: -55px -290px
}

.sidebar-wrap .weixin .hoverShowCont {
    padding: 5px 2px 5px 3px
}

.sidebar-wrap .weixin .hoverShowCont .pic {
    width: 130px;
    height: 130px
}

.sidebar-wrap .app>a {
    text-decoration: none;
    color: #999
}

.sidebar-wrap .app>a:before {
    background-position: 5px -180px
}

.sidebar-wrap .app>a:hover:before {
    background-position: -55px -180px
}

#chatBox {
    z-index: 999
}

.msg-box {
    position: fixed;
    bottom: 10px;
    right: 10px
}

.msg-box .dialog-btn {
    background: url(/static/home/images/images/msg.png) no-repeat scroll 7px center #ff3838;
    color: #fff;
    padding: 10px 20px 10px 37px;
    display: none
}

.msg-box .dialog-list {
    width: 225px;
    position: fixed;
    right: 10px;
    display: none;
    bottom: 34px
}

.msg-box .dialog-title {
    width: 225px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    text-indent: 38px;
    background: #fe5d5d url(/static/home/images/images/people.png) no-repeat 10px center;
    position: relative;
    color: #FFF
}

.msg-box .dialog-list ul {
    border: 1px solid #666;
    border-top: 0;
    background: #fff;
    min-height: 34px
}

.msg-box .dialog-list ul p {
    padding: 8px 10px
}

.msg-box .dialog-list ul li {
    padding: 8px 10px
}

.msg-box .msg-box ul li:hover {
    background: #f5f5f5
}

.msg-box .shop-name {
    float: left
}

.msg-box .msg-num {
    float: right
}

.msg-box .collspan {
    display: block;
    width: 32px;
    height: 27px;
    position: absolute;
    right: 10px;
    top: 7px;
    background: url(/static/home/images/images/fold_btn.png) no-repeat
}

.msg-box .cleafix:after {
    content: "";
    display: table;
    clear: both
}

.msg-box .ignore_all {
    padding: 10px 5px;
    background: #ededed
}

.msg-box .ignore_all a {
    float: right
}

.ft-wrap {
    margin-top: 60px
}

.ft-wrap .ft-valuable-outer {
    width: 100%;
    min-width: 1210px;
    background-color: #f1f1ef
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .ft-wrap .ft-valuable-outer {
        min-width: 1240px
    }
}

.ft-wrap .ft-valuable {
    width: 1210px;
    height: 130px;
    padding: 35px 0 20px;
    margin: 0 auto
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .ft-wrap .ft-valuable {
        padding-left: 15px;
        padding-right: 15px
    }
}

.ft-wrap .ft-valuable li {
    float: left;
    width: 250px;
    margin-left: 70px
}

.ft-wrap .ft-valuable li:first-child {
    margin-left: 0
}

.ft-wrap .ft-valuable li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

.ft-wrap .ft-valuable li a:hover {
    text-decoration: none
}

.ft-wrap .ft-valuable li a:hover .ft-valuable-cont {
    text-decoration: underline
}

.ft-wrap .ft-valuable-name {
    display: block;
    margin-top: 15px;
    font-size: 18px;
    line-height: 30px;
    color: #222
}

.ft-wrap .ft-valuable-cont {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #777
}

.ft-wrap .ft-valuable-icon {
    display: block;
    height: 45px;
    margin: 0 auto;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat
}

.ft-wrap .ft-icon-yc {
    width: 52px;
    background-position: 0 -150px
}

.ft-wrap .ft-icon-pj {
    width: 40px;
    background-position: -61px -149px
}

.ft-wrap .ft-icon-cp {
    width: 44px;
    background-position: -119px -150px
}

.ft-wrap .ft-icon-qs {
    width: 68px;
    background-position: -184px -148px
}

.ft-wrap .ft-main-outer {
    width: 100%;
    min-width: 1210px;
    background-color: #474747
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .ft-wrap .ft-main-outer {
        min-width: 1240px
    }
}

.ft-wrap .ft-main {
    width: 1210px;
    padding: 40px 0 20px 0;
    margin: 0 auto;
    color: #c5c5c5
}

.ft-wrap .ft-main a {
    color: #c5c5c5
}

.ft-wrap .ft-help-item {
    float: left;
    width: 135px;
    margin-right: 66px
}

.ft-wrap .ft-help-item strong {
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
    color: #fff
}

.ft-wrap .ft-help-item a {
    font-size: 13px;
    line-height: 32px
}

.ft-wrap .ft-help-side {
    float: right
}

.ft-wrap .ft-help-weixin {
    float: left;
    width: 105px;
    margin-left: 40px
}

.ft-wrap .ft-help-weixin:first-child {
    margin-left: 0
}

.ft-wrap .ft-help-weixin img {
    display: block;
    width: 105px;
    height: 105px;
    margin: 10px auto 0
}

.ft-wrap .ft-help-weixin span {
    display: block;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.ft-wrap .ft-about {
    margin-top: 15px
}

.ft-wrap .ft-about-copy {
    position: relative;
    float: left
}

.ft-wrap .ft-about-copy .logo {
    display: block;
    width: 100px;
    height: 40px;
    margin-right: 20px;
    background: url(/static/home/images/images/sprite_icons.png) no-repeat -179px -100px
}

.ft-wrap .ft-about-copy .text {
    display: block;
    line-height: 12px;
    margin-top: 16px
}

.ft-wrap .ft-about-copy .records {
    padding-left: 12px
}

.ft-wrap .ft-about-license {
    position: relative
}

.ft-wrap .ft-about-license a:hover {
    text-decoration: underline
}

.ft-wrap .ft-about-license .copy-hubeian-icon,
.ft-wrap .ft-about-license .copy-hubeian,
.ft-wrap .ft-about-license .copy-beian,
.ft-wrap .ft-about-license .copy-text {
    position: absolute;
    left: 0;
    top: -30px
}

.ft-wrap .ft-about-license .copy-hubeian-icon {
    width: 20px;
    height: 20px;
    top: -26px
}

.ft-wrap .ft-about-license .copy-hubeian-icon img {
    width: 20px;
    height: 20px
}

.ft-wrap .ft-about-license .copy-hubeian {
    left: 30px
}

.ft-wrap .ft-about-license .copy-beian {
    left: 236px
}

.ft-wrap .ft-about-license .copy-text .beian {
    padding-left: 26px
}

.ft-wrap .ft-about-info {
    float: right;
    line-height: 30px
}

.ft-wrap .ft-about-info .divider {
    padding: 0 15px;
    color: #6d6d6d
}

.ft-wrap .ft-about-info-link {
    padding-top: 17px
}

.ft-wrap .ft-about-tel {
    padding-left: 15px
}

.ft-wrap .ft-icon-tel {
    margin-right: 5px
}

.ft-wrap .ft-main .ft-links {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #5a5a5a;
    line-height: 30px
}

.ft-wrap .ft-main .ft-links,
.ft-wrap .ft-main .ft-links a {
    color: #777
}

.ft-wrap .ft-main .ft-links .link {
    display: inline-block;
    white-space: nowrap
}

.ft-wrap .ft-links .ft-links-title {
    float: left;
    margin-right: 10px;
    height: 30px
}

.ft-wrap .ft-links .ft-links-info {
    width: 1140px;
    overflow: hidden
}

.ft-wrap .ft-links .ft-links-info .ft-links-auto {
    width: 1171px;
    margin-left: -31px
}

.ft-wrap .ft-links .divider {
    padding: 0 15px;
    color: #5a5a5a
}

.ft-wrap-narrow .ft-valuable-outer,
.ft-wrap-narrow .ft-main-outer {
    min-width: 996px
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {

    .ft-wrap-narrow .ft-valuable-outer,
    .ft-wrap-narrow .ft-main-outer {
        min-width: 1026px
    }
}

.ft-wrap-narrow .ft-valuable {
    width: 996px
}

.ft-wrap-narrow .ft-valuable li {
    width: 249px;
    margin: 0 20px
}

.ft-wrap-narrow li.ft-valuable-first {
    width: 209px;
    margin: 0
}

.ft-wrap-narrow li.ft-valuable-first a {
    float: left;
    width: auto
}

.ft-wrap-narrow li.ft-valuable-last {
    width: 209px;
    margin: 0
}

.ft-wrap-narrow li.ft-valuable-last a {
    float: right;
    width: auto
}

.ft-wrap-narrow .ft-main {
    width: 996px
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .ft-wrap-narrow .ft-main {
        padding-left: 15px;
        padding-right: 15px
    }
}

.ft-wrap-narrow .ft-help-item {
    width: auto;
    margin-right: 0;
    margin-left: 120px
}

.ft-wrap-narrow .ft-help-item:first-child {
    margin-left: 0
}

.ft-wrap-narrow .ft-about {
    margin-top: 10px
}

.ft-wrap-narrow .ft-about-copy {
    position: relative
}

.ft-wrap-narrow .ft-about-copy .logo {
    position: relative;
    top: 10px
}

.ft-wrap-narrow .ft-about-copy .text {
    position: absolute;
    left: 191px;
    top: 0;
    white-space: nowrap;
    line-height: 30px;
    margin-top: 0
}

.ft-wrap-narrow .ft-about-info-link {
    padding-top: 0
}

.ft-wrap-narrow .copy-hubeian-box {
    position: relative;
    text-align: right;
    line-height: 28px
}

.ft-wrap-narrow .copy-hubeian-box .copy-hubeian-icon {
    position: absolute;
    top: 3px;
    right: 180px;
    width: 20px;
    height: 20px
}

.ft-wrap-narrow .copy-hubeian-box .copy-hubeian-icon img {
    width: 20px;
    height: 20px
}