text/static/css/comment.css

.global-sitenav a {
    text-decoration: none;
    color: #333
}

.global-sitenav a:hover {
    text-decoration: underline
}

.global-sitenav {
    position: relative;
    z-index: 1000;
    height: 34px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
    color: #333;
    font: 400 12px/34px 'Microsoft YaHei', arial
}

.global-sitenav .sitenav-inner {
    min-width: 950px;
    width: 1000px;
    margin: 0 auto;
    zoom: 1;
    padding: 0 10px
}

.global-sitenav h3 {
    margin: 0;
    padding: 0
}

.global-sitenav button, .global-sitenav input {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 100%;
    font-family: inherit
}

.global-sitenav img {
    border: 0 none
}

.global-sitenav .icon-hot i, .global-sitenav .icon-new i {
    position: absolute;
    margin: 3px 0 0 2px;
    width: 9px;
    height: 11px;
    font: 0/0 arial;
    background-position: -60px -175px;
    font: 0/0 arial
}

.global-sitenav .icon-hot i {
    background-position: -60px -190px
}

.global-sitenav .red {
    color: #f33
}

.global-sitenav .sitenav-inner:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}

.global-sitenav .sitenav-links a:hover, .global-sitenav a:hover {
    color: #aaa;
    text-decoration: underline
}

.global-sitenav .sitenav-trigger {
    display: block;
    position: relative;
    zoom: 1;
    padding: 0 10px;
    color: #666;
    cursor: pointer
}

.global-sitenav .sitenav-trigger i {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 7px;
    height: 4px;
    overflow: hidden;
    background-position: -75px -195px
}

.global-sitenav .sitenav-dropdown-body {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #E6E6E6
}

.global-sitenav .h-sitenav-dropdown {
    position: relative;
    margin-top: -1px
}

.global-sitenav .h-sitenav-dropdown .sitenav-trigger {
    z-index: 10;
    margin-bottom: -1px;
    padding: 0 9px 1px;
    border: 1px solid #e6e6e6;
    border-bottom: 0 none;
    background-color: #fff
}

.global-sitenav .h-sitenav-dropdown .sitenav-trigger i, .global-sitenav .h-sitenav-groupsite .sitenav-trigger i {
    background-position: -85px -195px
}

.global-sitenav .h-sitenav-dropdown .sitenav-dropdown-body {
    display: block
}

.global-sitenav .sitenav-links {
    float: left
}

.global-sitenav .sitenav-links a {
    color: #666;
    text-decoration: none
}

.global-sitenav .sitenav-links .zol-link {
    float: left;
    width: 60px;
    margin: 0 10px 0 0
}

.global-sitenav .sitenav-links .add-fav {
    float: left;
    margin-right: -60px
}

.global-sitenav .sitenav-links .sitenav-telephone {
    float: left;
    margin-right: -140px;
    color: #999
}

.global-sitenav .sitenav-links .sitenav-telephone em {
    color: #f33;
    font-style: normal
}

.global-sitenav .sitenav-links .sitenav-trigger {
    padding-right: 10px
}

.global-sitenav .sitenav-links .client-enter {
    float: left;
    margin: 0 10px 0 0;
    width: 82px
}

.global-sitenav .product-librarylinks {
    float: left;
    position: relative;
    padding-left: 10px
}

.global-sitenav .product-librarylinks a {
    float: left;
    margin: 0 15px 0 0
}

.global-sitenav .sitenav-productlibrary-count {
    float: right
}

.global-sitenav .sitenav-productlibrary-count a {
    margin: 0 0 0 15px;
    color: #666
}

.global-sitenav .sitenav-productlibrary-count a:hover {
    color: #aaa
}

.global-sitenav .sitenav-productlibrary-count em {
    color: #f33
}

.global-sitenav .product-librarylinks .icon-hot i, .global-sitenav .product-librarylinks .icon-new i {
    margin: 5px 0 0 0;
    font: 0/0 arial
}

.global-sitenav .sitenav-groupsite {
    position: relative;
    z-index: 199;
    float: left;
    width: 97px
}

.global-sitenav .sitenav-groupsite a {
    color: #333;
    text-decoration: none
}

.global-sitenav .sitenav-groupsite a:hover {
    color: #aaa;
    text-decoration: underline
}

.global-sitenav .sitenav-groupsite .sitenav-trigger {
    padding: 0 22px 0 25px;
    background-position: -180px -168px
}

.global-sitenav .sitenav-groupsite .groupsite-sitemap-body {
    display: none;
    position: absolute;
    top: 35px;
    left: -70px;
    width: 998px;
    background: #fff;
    border: 1px solid #E6E6E6;
    -webkit-box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .4)
}

.global-sitenav .h-sitenav-groupsite {
    margin-top: -1px;
    background: #fff
}

.global-sitenav .h-sitenav-groupsite .sitenav-trigger {
    z-index: 10;
    margin-bottom: -1px;
    padding: 0 21px 1px 24px;
    border: 1px solid #e6e6e6;
    border-bottom: 0 none;
    background-color: #fff;
    background-position: -181px -168px
}

.global-sitenav .h-sitenav-groupsite .groupsite-sitemap-body {
    display: block
}

.global-sitenav .sitemap-items {
    margin: 0 0 0 20px;
    padding: 8px 0 12px;
    list-style: none outside none
}

.global-sitenav .sitemap-items li {
    overflow: hidden;
    margin: 0;
    padding: 4px 0 0;
    list-style: none outside none;
    zoom: 1;
    line-height: 28px
}

.global-sitenav .sitemap-items a {
    float: left;
    margin: 0 16px 0 0;
    color: #666;
    font: 400 14px/28px 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1'
}

.global-sitenav .sitemap-items .icon-hot, .global-sitenav .sitemap-items .icon-new {
    margin-right: 27px
}

.global-sitenav .sitemap-items .sitemap-sub-title {
    float: left;
    margin: 0 16px 0 0;
    font: 400 14px/28px 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1';
    color: #0b92e0
}

.global-sitenav .sitemap-items .more {
    float: right
}

.global-sitenav .sitemap-items .more b {
    font-family: simsun;
    font-weight: 400
}

.global-sitenav .sitenav-login-bar {
    float: right;
    padding: 0;
    width: 113px
}

.global-sitenav .sitenav-login-bar a:hover {
    color: #aaa;
    text-decoration: underline
}

.global-sitenav .sitenav-login-bar .sitenav-login-links {
    float: right;
    height: 24px;
    margin: 5px 0 0;
    width: 68px;
    overflow: hidden
}

.global-sitenav .sitenav-login-bar .sitenav-qq, .global-sitenav .sitenav-login-bar .sitenav-weibo {
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 0 0 10px;
    background-position: 0 -175px;
    color: #666;
    text-indent: -9999em;
    opacity: .8;
    filter: alpha(opacity=80);
    font: 0/0 arial
}

.global-sitenav .sitenav-login-bar .sitenav-qq {
    background-position: -30px -175px
}

.global-sitenav .sitenav-login-bar .sitenav-qq:hover, .global-sitenav .sitenav-login-bar .sitenav-weibo:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.global-sitenav .sitenav-login-bar .sitenav-login-box {
    position: relative;
    float: left;
    width: 45px
}

.global-sitenav .sitenav-login-bar .sitenav-login-link {
    display: inline-block;
    width: 25px;
    padding: 0 10px;
    cursor: pointer
}

.global-sitenav .sitenav-login-bar .sitenav-login-form {
    display: none;
    position: absolute;
    top: 34px;
    right: -69px;
    width: 190px;
    padding: 11px 34px 4px;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: 0 0 8px #cdcdcd;
    box-shadow: 0 0 8px #cdcdcd;
    background: #fff
}

.global-sitenav .sitenav-login-bar .sitenav-login-box-open .sitenav-login-form {
    display: block
}

.global-sitenav .sitenav-login-form h3 {
    color: #666;
    font: 400 12px/20px Arial
}

.global-sitenav .sitenav-login-form .sitenav-password, .global-sitenav .sitenav-login-form .sitenav-username {
    position: relative;
    display: block;
    width: 172px;
    height: 28px;
    margin: 10px 0 0;
    padding: 0 8px;
    border: 1px solid #e6e6e6
}

.global-sitenav .sitenav-login-form .sitenav-username {
    margin-top: 6px
}

.global-sitenav .sitenav-password input, .global-sitenav .sitenav-username input {
    position: absolute;
    top: 1px;
    left: 8px;
    width: 172px;
    padding: 4px 0;
    outline: 0 none;
    border: 0 none;
    line-height: 18px
}

.global-sitenav .sitenav-password label, .global-sitenav .sitenav-username label {
    position: absolute;
    top: 0;
    left: 9px;
    z-index: 10;
    color: #ccc;
    font-size: 12px;
    line-height: 28px;
    font-family: arial;
    cursor: text;
    -webkite-user-select: none;
    user-select: none
}

.global-sitenav .sitenav-login-form .sitenav-focus {
    border-color: #0791f5
}

.global-sitenav .sitenav-login-form .sitenav-focus label {
    color: #e0e0e0
}

.global-sitenav .sitenav-login-form .sitenav-error {
    border-color: #f33
}

.global-sitenav .sitenav-login-form .sitenav-registration {
    margin-left: 0;
    color: #1f4f88
}

.global-sitenav .sitenav-loign-bar {
    overflow: hidden
}

.global-sitenav .sitenav-loign-bar a {
    float: right;
    color: #1f4f88
}

.global-sitenav .sitenav-loign-bar label {
    float: left;
    color: #666
}

.global-sitenav .sitenav-loign-bar label input {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 10px 5px 0 0
}

.global-sitenav .sitenav-login-button {
    display: block;
    width: 190px;
    height: 30px;
    margin: 10px 0 0;
    border: 0 none;
    background: #008ef5;
    color: #fff;
    font: 700 14px/30px Arial;
    cursor: pointer
}

.sitenav-login-error-tip {
    position: absolute;
    left: 34px;
    top: 11px;
    width: 190px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei', arial;
    color: #f33;
    background: #fff;
    display: none
}

.global-sitenav .sitenav-personal-center {
    float: right;
    margin: 0 5px 0 0;
    width: 280px
}

.global-sitenav .sitenav-personal-center a {
    color: #666;
    text-decoration: none
}

.global-sitenav .sitenav-personal-center a:hover {
    color: #aaa;
    text-decoration: underline
}

.global-sitenav .sitenav-personal-center .sitenav-personal-login-out {
    float: right;
    margin: 0 0 0 20px
}

.global-sitenav .sitenav-personal-center .sitenav-personal-msg {
    position: relative;
    float: right;
    width: 16px;
    height: 13px;
    margin: 10px 0 0 20px;
    background-position: -75px -175px
}

.global-sitenav .sitenav-personal-msg i {
    position: absolute;
    right: -3px;
    top: -4px;
    font: 0/0 arial;
    width: 8px;
    height: 8px;
    background-position: -95px -175px
}

.global-sitenav .sitenav-personal-center .sitenav-personal-welcome {
    float: right;
    color: #999
}

.ad-recommend, .category-list i, .category-switch i, .navbox .more-nav .icon-darr, .page-feed, .top-ad-window .ad-promo .header {
    margin: 15px auto 0
}

.header .logo {
    float: left;
    margin: 0 10px 0 0
}

.header .logo a {
    float: left;
    width: 212px;
    height: 36px;
    text-indent: -9999em;
    overflow: hidden
}

.header .logo b {
    float: left;
    width: 10px;
    height: 32px;
    margin: 2px 10px 0 0;
    border-right: 1px solid #ccc;
    text-indent: -9999em;
    overflow: hidden
}

.header .logo strong {
    float: left;
    height: 36px;
    font: 28px/35px 'Microsoft YaHei', arial;
    color: #333
}

.category-nav {
    position: relative;
    z-index: 99;
    float: left;
    width: 84px;
    height: 26px;
    margin: 5px 0 0
}

.category-switch {
    position: relative;
    display: block;
    height: 24px;
    padding: 0 0 0 7px;
    font: 14px/23px 'Microsoft YaHei', arial;
    color: #333;
    border: 1px solid #dbdbdb;
    background: #fff;
    cursor: pointer
}

.category-nav-open .category-switch {
    background: #fafafa
}

.category-switch i {
    position: absolute;
    right: 7px;
    top: 11px;
    width: 7px;
    height: 4px;
    font: 0/0 arial;
    background-position: -32px -96px
}

.category-nav-open .category-switch i {
    top: 10px;
    background-position: -42px -95px
}

.category-box {
    position: absolute;
    left: -135px;
    top: 25px;
    z-index: 2;
    width: 722px;
    border: 1px solid #dbdbdb;
    background: #fff;
    box-shadow: 1px 2px 6px -1px rgba(0, 0, 0, .1);
    background: #fafafa
}

.category-list {
    float: left;
    width: 198px;
    height: 467px;
    padding: 0 10px;
    zoom: 1;
    overflow: hidden
}

.category-list li {
    position: relative;
    height: 38px;
    z-index: 2;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle
}

.category-list h3 {
    height: 38px;
    padding: 0 10px;
    font: 14px/38px 'Microsoft YaHei', arial;
    overflow: hidden
}

.category-list a {
    float: left;
    margin: 0 10px 0 0;
    color: #666
}

.category-list a:hover {
    color: #aaa
}

.category-list i {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 6px;
    height: 9px;
    font: 0/0 arial;
    background-position: -62px -200px
}

.category-list .hover h3 {
    position: absolute;
    left: -10px;
    top: -1px;
    width: 178px;
    padding: 0 20px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: #fff
}

.category-list .hover a {
    color: #333
}

.category-list .hover a:hover, .category-list a:hover {
    color: #aaa
}

.category-list .hover i {
    right: 20px
}

.sub-category-box {
    display: none;
    position: relative;
    margin-left: -1px;
    float: right;
    padding: 8px 20px;
    width: 464px;
    border-left: 1px solid #e6e6e6;
    height: 451px;
    background: #fff
}

#subCateBox-0 {
    display: block
}

.sub-category-item {
    padding: 6px 0 6px 105px;
    position: relative;
    zoom: 1;
    border-top: 1px solid #efefef
}

.sub-category-item h3 {
    position: absolute;
    left: 0;
    top: 6px;
    height: 24px;
    overflow: hidden;
    font: 700 14px/24px 'Microsoft YaHei', arial
}

.sub-category-item h3 a {
    color: #333
}

.sub-category-item h3 a:hover {
    color: #aaa
}

.sub-category-list a {
    float: left;
    margin: 0 16px 0 0;
    font: 12px/2 arial;
    color: #666
}

.sub-category-list a:hover {
    color: #aaa
}

.sub-category-list .more {
    font-family: simsun, '\u5B8B\u4F53';
    margin: 0
}

.first-subcate-item {
    border-top: 0 none
}

.category-current {
    margin: 0 0 10px 0;
    border: 1px solid #e6e6e6;
    border-top: 0 none
}

.category-current dt {
    position: relative;
    height: 24px;
    padding: 7px 10px 7px 32px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    font: 14px/23px 'Microsoft YaHei', arial;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.category-current dt i {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 14px;
    height: 14px;
    background-color: #e6e6e6;
    background-position: -80px -20px
}

.category-current .open i {
    background-position: -64px -20px
}

.category-current dd {
    padding: 7px 0 7px 17px;
    border-top: 1px solid #e6e6e6
}

.category-current dd h4 {
    height: 20px;
    padding: 10px 3px 5px;
    font: 700 12px/20px arial;
    color: #666
}

.category-current-list {
    overflow: hidden;
    zoom: 1
}

.category-current-list li {
    float: left;
    width: 100px;
    height: 18px;
    padding: 5px 0;
    line-height: 18px
}

.category-current-list a {
    display: inline-block;
    padding: 0 3px;
    color: #666
}

.category-current-list .active a, .category-current-list a:hover {
    background: #f60;
    color: #fff;
    text-decoration: none
}

.category-current-list li img {
    position: relative;
    left: -9px;
    top: -6px
}

#navigation {
    clear: both;
    padding-top: 20px;
    height: 36px
}

.public-category-nav {
    width: 998px;
    height: 34px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    background: #fafafa
}

.public-category-nav .home {
    background: 0 0
}

.public-category-nav li {
    float: left;
    line-height: 34px
}

.public-category-nav li span {
    display: inline-block;
    padding: 0 10px
}

.public-category-nav li strong {
    display: inline-block;
    padding: 0 0 0 13px;
    font-weight: 400;
    color: #666
}

.public-category-nav .onav span a {
    padding-right: 12px;
    color: #333;
    background-position: 100% -38px
}

.public-category-nav .onav span a:hover {
    color: #aaa
}

.public-category-nav .all {
    background: 0 0
}

.public-category-nav .all span a {
    color: #333
}

.public-category-nav .all span a b {
    font-family: simsun;
    font-weight: 400
}

.public-category-nav .all span a:hover {
    color: #aaa
}

.public-category-nav .active {
    position: relative;
    z-index: 22;
    border: 1px solid #e0e0e0;
    margin: -1px -1px 0;
    background: #fff;
    line-height: 34px
}

.public-category-nav .active span {
    height: 35px;
    position: relative;
    margin-bottom: -1px;
    z-index: 2;
    background-color: #fff
}

.public-category-nav .active .public-category-subnav {
    display: block
}

.public-category-subnav {
    display: none;
    position: absolute;
    z-index: 1;
    left: -72px;
    top: 36px
}

.public-category-subnav-inner {
    position: relative;
    left: -2px;
    top: -2px;
    width: 449px;
    padding: 0 20px;
    border: 1px solid #e0e0e0;
    background: #fff
}

.public-category-subnav-inner a {
    color: #333
}

.public-category-subnav-inner a:hover {
    color: #aaa;
    text-decoration: underline
}

.public-category-subnav-inner dl {
    position: relative;
    zoom: 1;
    border-top: 1px dotted #e0e0e0;
    margin-top: -1px;
    padding: 5px 4px 15px 80px;
    line-height: 16px
}

.public-category-subnav-inner dt {
    position: absolute;
    left: 4px;
    top: 13px;
    font-weight: 700
}

.public-category-subnav-inner dd {
    overflow: hidden;
    line-height: 16px
}

.public-category-subnav-inner dt a {
    padding: 0;
    background: 0 0
}

.public-category-subnav-inner dd a {
    float: left;
    padding: 0 8px 0 9px;
    margin-left: -1px;
    margin-top: 8px;
    background-position: -20px -101px;
    white-space: nowrap
}

.public-category-subnav-inner dd .more b {
    font-family: simsun;
    font-weight: 400
}

.public-category-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 10px;
    height: 9px;
    padding: 8px;
    font: 0/0 arial;
    background-position: 9px -102px;
    cursor: pointer
}

.public-category-close:hover {
    background-position: 9px -126px
}

.public-nav-shadow {
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50)
}

* html .public-nav-shadow {
    display: none
}

#subCategory-list-6, #subCategory-list-7, #subCategory-list-8, #subCategory-list-9 {
    left: auto;
    right: -162px
}

#subCategory-list-10 {
    left: auto;
    right: -165px
}

#subCategory-list-13 {
    left: auto;
    right: -85px
}

#subCategory-list-14 {
    left: auto;
    right: -85px
}

#subCategory-list-1 {
    left: -48px
}

.search-suggest {
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    width: 419px;
    background: #fff;
    z-index: 20
}

.suggest-list li {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 18px;
    color: #666;
    cursor: pointer
}

.suggest-list li span {
    float: none;
    margin-right: 0;
    color: red
}

.suggest-list .sug-sel {
    background: #f3f3f3
}

.suggest-list .sug-t {
    padding-left: 5px;
    font-weight: 700
}

.breadcrumb {
    margin-top: 10px;
    height: 22px;
    line-height: 22px;
    font-family: simsun, '\u5B8B\u4F53';
    color: #999
}

.breadcrumb a, .breadcrumb span {
    font-family: 'Microsoft YaHei', arial
}

.breadcrumb span {
    color: #333
}

.breadcrumb h1 {
    display: inline;
    font: 12px/1.5 'Microsoft YaHei', arial;
    line-height: 22px;
    color: #333
}

.feedback {
    float: right;
    height: 22px;
    line-height: 22px;
    margin-top: -22px
}

.ad-recommend {
    float: right;
    padding: 0 0 0 50px;
    font-weight: 400;
    color: #666
}

.page-feed {
    float: right;
    height: 22px;
    overflow: hidden;
    padding-left: 20px;
    background-position: -64px -128px
}

.page-title h1 {
    float: left;
    font-size: 26px;
    margin-right: 5px
}

.page-title h2 {
    float: left;
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    font-weight: 400
}

.page-title .num {
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 10px 0 0
}

.page-title .subtitle, .page-title .subtitle-empty {
    clear: both;
    padding: 2px 0;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.page-title {
    position: relative;
    zoom: 1;
    margin: 22px 0 0;
    padding: 0 85px 0 0;
    font-size: 26px;
    line-height: 32px
}

.page-title .rank-num {
    position: absolute;
    bottom: -3px;
    right: 0;
    width: 82px;
    height: 45px;
    color: #666;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.page-title .rank-num span {
    position: relative;
    top: -2px
}

.page-title .rank-num b {
    padding: 0 2px;
    color: #999;
    font-weight: 400;
    font-size: 26px
}

.page-title .rank-num .lt10 {
    color: #f60
}

.page-title .rank-num:hover {
    text-decoration: none
}

.page-title .rank-num:hover b {
    text-decoration: underline
}

.page-title .rank-num .rank-tag {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 21px;
    padding: 0 8px 0 14px;
    background: #f60;
    color: #fff;
    line-height: 22px
}

.page-title .rank-num .arrow-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 21px;
    overflow: hidden;
    background-position: 0 -60px
}

.page-title .rank-num .triangle-icon {
    position: absolute;
    top: -5px;
    right: 0;
    width: 5px;
    height: 5px;
    overflow: hidden;
    background-position: -75px -40px
}

.page-title .product-name {
    float: left;
    font-size: 26px;
    margin-right: 5px;
    font-weight: 700
}

.page-title .product-version {
    float: left;
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.navbox {
    height: 36px;
    margin: 12px 0 0;
    position: relative;
    z-index: 21;
    border-bottom: 2px solid #30C37E
}

.navbox .nav {
    float: left;
    height: 38px;
    position: relative;
    z-index: 22
}

.navbox .nav li {
    float: left;
    height: 38px;
    margin-right: 3px;
    background-color: #30C37E;
    font: 16px/38px 'Microsoft YaHei', arial;
    vertical-align: middle
}

.navbox .nav a {
    position: relative;
    z-index: 2;
    float: left;
    height: 38px;
    padding: 0 14px;
    color: #fff
}

.navbox .nav a:hover {
    z-index: 2;
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.navbox .nav .last a {
    background: 0 0
}

.navbox .nav em {
    font-weight: 400;
    font-size: 14px;
    font-family: arial
}

.navbox .nav .active {
    position: relative;
    height: 36px;
    padding: 2px 2px 0;
    background-color: #30C37E;
    line-height: 36px
}

.navbox .nav .active span {
    display: inline-block;
    height: 34px;
    padding: 0 12px 2px;
    background: #fff
}

.navbox .nav a.ol-comment {
    padding-left: 37px
}

.navbox .nav .ol-comment-ico {
    position: absolute;
    left: 13px;
    top: 11px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: -64px -105px
}

.navbox .nav .active .ol-comment, .navbox .nav .active .ol-comment:hover {
    padding-left: 35px;
    background-color: #fff;
    color: #333
}

.navbox .nav .active .ol-comment-ico, .navbox .nav .active .ol-comment-ico:hover {
    background-position: -85px -105px
}

.navbox .nav a.ol-buy {
    position: relative;
    padding-left: 37px;
    z-index: 2;
    background-color: #f60
}

.navbox .nav a.ol-buy:hover {
    background-color: #f05000
}

.navbox .nav .active span.ol-buy {
    padding-left: 36px;
    background-color: #fff;
    color: #333
}

.navbox .nav a.ol-buy .ol-buy-ico {
    position: absolute;
    left: 12px;
    top: 11px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: -80px -60px
}

.navbox .nav .active .ol-buy-ico {
    top: 11px;
    left: 12px;
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background-position: -82px -85px
}

.navbox .more-nav {
    float: left;
    position: relative;
    z-index: 5;
    height: 38px;
    background-color: #30C37E;
    line-height: 38px;
    color: #fff;
    cursor: pointer
}

.navbox .more-nav span {
    position: relative;
    zoom: 1;
    display: inline-block;
    font: 400 16px/38px 'Microsoft YaHei', arial;
    padding: 0 27px 0 15px
}

.navbox .more-nav .icon-darr {
    position: absolute;
    top: 16px;
    right: 14px;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -50px -218px
}

.navbox .more-nav-hover span {
    background-color: #1d66bf
}

.navbox .more-nav-hover .icon-darr {
    background-position: -60px -218px
}

.navbox .more-nav-list {
    display: none;
    position: absolute;
    left: 0;
    top: 38px;
    width: 74px;
    padding: 7px 0;
    white-space: nowrap;
    background: #1d66bf;
    font: 14px/30px 'Microsoft YaHei', arial
}

.navbox .more-nav-list a {
    display: block;
    margin: 2px 0 0;
    padding: 0 10px 0 15px;
    color: #fff
}

.navbox .more-nav-list a:hover {
    color: #fff;
    text-decoration: none;
    background: #3476c6
}

.navbox .more-nav-hover .more-nav-list {
    display: block
}

.navbox .buy-online {
    float: right;
    width: 116px;
    height: 32px;
    margin-top: -1px;
    background-position: -84px -690px;
    text-indent: -9999em;
    overflow: hidden
}

.navbox .zol-activity, .navbox .zol-activity a {
    background-color: #f60
}

.navbox .zol-activity a:hover {
    background-color: #f04000
}

.navbox .zol-activity {
    position: relative
}

.navbox .zol-activity .zplus-nav-icon-tips {
    position: absolute;
    left: -5px;
    top: -40px;
    padding: 0;
    width: 97px;
    height: 38px
}

#tagNavClone {
    display: none
}

#fixedTagNav {
    position: fixed;
    z-index: 888;
    left: 50%;
    top: 0;
    width: 1000px;
    margin-left: -500px;
    padding-bottom: 5px;
    background: #fff
}

#fixedTagNav #tagNavClone {
    margin: 0;
    display: block
}

.baidu_share_box .bdsharebuttonbox a {
    padding: 0 !important;
    float: none !important
}

.baidu_share_box {
    position: absolute;
    left: 50%;
    margin-left: -550px;
    width: 50px;
    margin-top: 20px
}

.baidu_share_box .bdsharebuttonbox a {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    text-indent: -9999em;
    overflow: hidden;
    margin: 0 auto 5px !important;
    font-family: arial !important
}

.baidu_share_box .bdsharebuttonbox a:hover {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.baidu_share_box .bdsharebuttonbox .bds_qzone {
    background-position: 0 0 !important
}

.baidu_share_box .bdsharebuttonbox .bds_qzone:hover {
    background-position: -26px 0 !important
}

.baidu_share_box .bdsharebuttonbox .bds_tsina {
    background-position: 0 -29px !important
}

.baidu_share_box .bdsharebuttonbox .bds_tsina:hover {
    background-position: -26px -29px !important
}

.baidu_share_box .bdsharebuttonbox .bds_tqq {
    background-position: 0 -58px !important
}

.baidu_share_box .bdsharebuttonbox .bds_tqq:hover {
    background-position: -26px -58px !important
}

.baidu_share_box .bdsharebuttonbox .bds_weixin {
    background-position: 0 -87px !important
}

.baidu_share_box .bdsharebuttonbox .bds_weixin:hover {
    background-position: -26px -87px !important
}

.baidu_share_box .bdsharebuttonbox .bds_sqq {
    background-position: 0 -116px !important
}

.baidu_share_box .bdsharebuttonbox .bds_sqq:hover {
    background-position: -26px -116px !important
}

.baidu_share_box .bdsharebuttonbox .bds_more {
    background-position: 0 -145px !important
}

.baidu_share_box .bdsharebuttonbox .bds_more:hover {
    background-position: -26px -145px !important
}

.top-unrecognized-tip {
    display: none;
    margin: 15px 0 0;
    border: 1px solid #fed9ac;
    background-color: #fff9e6;
    height: 32px;
    line-height: 32px;
    color: #666;
    text-align: center
}

.wrapper {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.content {
    float: left;
    width: 960px
}

.review .side {
    margin-top: -20px
}

.side {
    float: right;
    width: 220px
}

.hide {
    display: none
}

.TE-close-btn, .back_home_btn span, .compare-fixedbox .compare-header .closed-btn, .compare-fixedbox .compare-list .closed-btn, .compare-list .compare-btn i, .fixed-nav .current, .fixed-nav .current:hover, .fixed-nav .dot-icon, .fixed-nav a:hover, .form-horizontal .cselect-box .icon-select, .icon-darr, .icon-larr, .icon-rarr, .icon-uarr, .interest-list .cancel-btn i, .interest-list .compare-btn i, .iphone6sell-arr, .layerbox .close, .minimum-price-layerbox .error-tip, .minimum-price-layerbox .more-dealer span, .minimum-price-layerbox .select i, .page .next i, .page .prev i, .product-b2c-price .icon-darr, .section-header .icon-rarr, .section-header .new-icon, .short-review-star, .short-review-star .active, .star, .star em, .success-layerbox .success-box .icon.section {
    margin-top: 20px;
    border-top: 2px solid #30C37E
}

.section .section-header {
    position: relative;
    height: 44px;
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    background: #fafafa
}

.section .section-header h2, .section .section-header h3 {
    margin: 0 0 0 20px;
    font: 400 16px/44px 'Microsoft YaHei', arial
}

.section-header .more {
    position: absolute;
    top: 9px;
    right: 20px;
    width: 68px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    color: #666;
    text-align: center
}

.section-header .more .icon-rarr {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 5px;
    height: 9px;
    overflow: hidden;
    background-position: -75px -60px
}

.section-header .more:hover {
    background: #f6f6f6;
    color: #666;
    text-decoration: none
}

.section-header .more:hover .icon-rarr {
    background-position: -75px -60px
}

.section-header .adSpace {
    position: absolute;
    top: 0;
    right: 15px;
    color: #666;
    line-height: 44px
}

.section-header .new-icon {
    float: right;
    width: 35px;
    height: 15px;
    overflow: hidden;
    margin: 5px 10px 0 0;
    background-position: -15px -250px;
    text-indent: -999em
}

.section-header #myAhot-question-sectionsk {
    float: right
}

.section-header .btn-post {
    float: right;
    width: 90px;
    height: 34px;
    overflow: hidden;
    margin: 5px 20px 0 0;
    border-radius: 1px;
    border: 0 none;
    outline: 0 none;
    background: #30C37E;
    color: #fafafa;
    font: 400 14px/34px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.section-header .btn-post:hover {
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.section .section-content {
    border: 1px solid #e6e6e6;
    border-top: 0 none
}

.section-header .a-more-hc {
    position: absolute;
    top: 9px;
    right: 20px;
    width: 68px;
    height: 24px;
    line-height: 24px;
    color: #999;
    text-align: center
}

.section-header .a-more-hc:hover {
    color: #aaa
}

.bx-wrapper {
    position: relative;
    zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    vertical-align: middle
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.layerbox a {
    color: #333;
    text-decoration: none
}

.layerbox a:hover {
    color: #aaa;
    text-decoration: underline
}

.layerbox {
    padding: 5px;
    background: rgba(0, 0, 0, .3);
    font-family: 'Microsoft YaHei', arial;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4d000000, endcolorstr=#4d000000, gradientType=1) !important;
    z-index: 9999
}

:root .layerbox {
    filter: none
}

.layerbox-inner {
    background-color: #fff
}

.layerbox .layerbox-header {
    padding: 0 9px 0 15px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px #eee solid;
    zoom: 1;
    background: #fafafa
}

.layerbox .layerbox-header .layerbox-title {
    float: left;
    color: #333;
    font: 14px/36px "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1"
}

.layerbox .close {
    float: right;
    width: 23px;
    height: 23px;
    margin: 7px 0 0;
    cursor: pointer;
    background-position: 6px -129px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.layerbox .close:hover {
    background-color: #b3b3b3;
    background-position: -14px -129px
}

.back_home {
    height: 46px;
    margin-top: 20px;
    padding-bottom: 30px;
    overflow: hidden;
    text-align: center
}

.back_home_btn {
    display: inline-block;
    height: 44px;
    font: 18px/44px "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1";
    padding: 0 30px;
    border: 1px solid #d4d4d4;
    background: #fff;
    color: #666;
    border-radius: 2px
}

.back_home_btn:hover {
    color: #666;
    text-decoration: none;
    background: #f5f5f5
}

.back_home_btn span {
    padding-left: 18px;
    background-position: -72px -262px
}

#detail_on_nav_list_tonglan_btm {
    width: 988px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    margin-top: 5px;
    background: #fafafa;
    padding-left: 12px;
    overflow: hidden
}

.page-title .subtitle-empty {
    padding-left: 21px;
    background-position: -18px -41px
}

.TE-box {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 5px;
    width: 560px;
    height: 221px;
    margin: -115px 0 0 -285px;
    background: rgba(0, 0, 0, .3);
    font: 400 12px/1.5 'Microsoft YaHei', arial;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4d000000, endcolorstr=#4d000000, gradientType=1);
    z-index: 9999;
    overflow: hidden
}

:root .TE-box {
    filter: none
}

.TE-box-inner {
    background-color: #fff;
    padding: 25px 30px 30px
}

.TE-box .TE-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    background-position: 6px -129px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.TE-box .TE-close-btn:hover {
    background-color: #b3b3b3;
    background-position: -14px -129px
}

.TE-box h4 {
    padding: 3px 0;
    height: 22px;
    overflow: hidden;
    font: 16px/21px 'Microsoft YaHei', arial
}

.TE-editor {
    margin-top: 10px;
    padding: 0 0 10px 142px;
    position: relative;
    zoom: 1;
    height: 118px;
    overflow: hidden
}

.TE-pic {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #e7e7e7
}

.TE-editor strong {
    display: block;
    height: 22px;
    margin: 0 0 5px 0;
    overflow: hidden;
    font: 14px/22px 'Microsoft YaHei', arial
}

.TE-editor textarea {
    vertical-align: top;
    display: block;
    padding: 6px 10px;
    height: 51px;
    width: 336px;
    border: 1px solid #ccc;
    resize: none;
    font: 14px/22px 'Microsoft YaHei', arial;
    color: #ccc
}

.TE-tips {
    position: relative;
    margin: 6px 0 0;
    height: 20px;
    font: 14px/20px 'Microsoft YaHei', arial;
    color: #999;
    overflow: hidden
}

.TE-tips span {
    color: #f33
}

.TE-error-tip {
    position: absolute;
    left: 0;
    top: -32px;
    height: 20px;
    width: 288px;
    padding: 6px;
    font: 14px/20px 'Microsoft YaHei', arial;
    color: #aaa;
    background: rgba(255, 255, 255, .85);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#d9ffffff, endcolorstr=#d9ffffff, gradientType=1)
}

:root .TE-error-tip {
    filter: none
}

.TE-editor button {
    position: relative;
    z-index: 2;
    float: right;
    margin-top: -16px;
    width: 50px;
    height: 26px;
    border: 0 none;
    font: 14px/26px 'Microsoft YaHei', arial;
    color: #fff;
    background: #30C37E;
    cursor: pointer;
    outline: 0 none
}

.TE-editor button:hover {
    background: #00a39E
}

.TE-box-success {
    height: auto;
    width: 480px
}

.TE-success {
    padding-left: 48px;
    position: relative;
    zoom: 1;
    font: 14px/20px 'Microsoft YaHei', arial;
    color: #666
}

.TE-error {
    font: 14px/20px 'Microsoft YaHei', arial;
    color: #666
}

.TE-error span, .TE-success span {
    color: #333
}

.TE-success i {
    position: absolute;
    left: 0;
    top: 3px;
    width: 33px;
    height: 33px;
    background-position: 0 0
}

.module {
    margin-top: 20px;
    border: 1px solid #e6e6e6
}

.module-header {
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa;
    line-height: 18px
}

.module-header h2, .module-header h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.module-header .more {
    float: right;
    color: #999
}

.module-header .more:hover {
    color: #aaa
}

.module-header .refresh {
    float: right;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    color: #30C37E;
    background: 0 0
}

.module-header .refresh:hover {
    color: #f60
}

.module-header .refresh::before {
    content: "\e610";
    display: block;
    text-indent: 0;
    font-family: iconfont;
    font-size: 18px
}

.module-header .refresh:hover {
    background-position: -90px -20px
}

.product_side_mod .cansel-btn, .product_side_mod .cardstar, .product_side_mod .cardstar em, .product_side_mod .compare-btn, .product_side_mod .compare-btn .product_side_mod {
    margin: 20px 0 0;
    padding: 15px;
    border: 1px solid #e6e6e6
}

.product_side_mod .pic {
    width: 160px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
    text-align: center
}

.product_side_mod .pic a {
    display: block
}

.product_side_mod .pic img {
    vertical-align: middle
}

.product_side_mod .product-title {
    display: block;
    padding: 4px 0;
    font: 400 14px/24px "Microsoft YaHei", airal;
    text-align: center
}

.product_side_mod .product-title a {
    display: block
}

.product_side_mod #wtrendFollow {
    right: -9px;
    top: 0
}

.product_side_mod .param {
    padding: 0 0 3px 0
}

.product_side_mod .param li {
    line-height: 24px;
    padding: 0 0 0 51px;
    overflow: hidden;
    zoom: 1
}

.product_side_mod .param strong {
    float: left;
    width: 51px;
    margin-left: -51px;
    color: #999;
    font-weight: 400
}

.product_side_mod .param span {
    float: left;
    color: #999;
    white-space: nowrap
}

.product_side_mod .param .price-upc {
    color: #f60
}

.product_side_mod .param .sale-nums {
    color: #333
}

.product_side_mod .cardstar {
    width: 70px;
    height: 13px;
    margin: 5px 3px 0 0;
    background-position: 0 -80px
}

.product_side_mod .cardstar em {
    display: block;
    height: 13px;
    background-position: 0 -60px
}

.product_side_mod .param .price {
    font-weight: 700;
    margin-right: 4px
}

.product_side_mod .param .price .price-sign, .product_side_mod .param .price .price-type {
    font-size: 12px;
    font-weight: 400;
    color: #aaa
}

.product_side_mod .param .card-comment-num {
    color: #0169a6
}

.product_side_mod .param .card-month-sale {
    color: #333;
    margin-right: 4px
}

.product_side_mod .param .card-no-comment {
    color: #999;
    font-family: simsun
}

.product_side_mod .f_c {
    color: #f60
}

.product_side_mod .s_c {
    color: #333
}

.product_side_mod .n_c {
    color: #390
}

.product_side_mod .type {
    color: #999
}

.product_side_mod .more {
    font: 12px/28px 'Microsoft YaHei', arial
}

.product_side_mod .more .add_compare_btn {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 20px;
    line-height: 19px;
    margin-right: 40px;
    background: #e8f3fd;
    border: 1px solid #afcae4;
    outline: 0 none;
    font-size: 12px;
    text-align: center;
    color: #369;
    cursor: pointer;
    font-family: 'Microsoft YaHei'
}

.product_side_mod .cansel-btn, .product_side_mod .compare-btn {
    position: relative;
    float: left;
    width: 55px;
    height: 22px;
    box-sizing: content-box;
    margin: 4px 0 0 0;
    padding: 0 10px 0 20px;
    border: 1px solid #a2caf2;
    background: #f0f7ff;
    color: #2966ae;
    line-height: 20px;
    cursor: pointer;
    outline: 0 none;
    font-family: 'Microsoft YaHei'
}

.product_side_mod .compare-btn b {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background-position: -50px -155px;
    text-indent: -999em
}

.product_side_mod .compare-btn:hover {
    background: #fff
}

.product_side_mod .cansel-btn {
    background: #fff
}

.product_side_mod .cansel-btn:hover {
    background: #e8f3fd
}

.product_side_mod .more-link {
    float: right;
    position: relative;
    padding: 0 10px 0 0
}

.product_side_mod .more-link .icon-rarr {
    position: absolute;
    top: 10px;
    right: 0;
    width: 5px;
    height: 9px;
    overflow: hidden;
    background-position: -75px -60px
}

.product_side_mod .more-link:hover .icon-rarr {
    background-position: -75px -60px
}

.security-service {
    padding: 10px 0 0;
    display: block
}

.security-service span {
    float: left;
    width: 40px;
    height: 38px;
    margin: 10px 0 0 10px;
    text-indent: -999em
}

.security-service .licensed {
    background-position: 0 -105px
}

.security-service .hour-24 {
    width: 52px;
    background-position: -45px -105px
}

.security-service .pay {
    background-position: 0 -145px
}

.security-service .returns {
    background-position: -45px -145px
}

.authorized-dealer-module {
    position: relative;
    margin-top: 30px;
    border: 1px solid #e6e6e6
}

.authorized-dealer-module h3 {
    position: absolute;
    left: 55px;
    top: -10px;
    width: 90px;
    padding: 0 10px;
    height: 20px;
    font: 16px/18px 'Microsoft YaHei', arial;
    background-color: #fff;
    text-align: center
}

.sales-promotion {
    margin: 14px 0 -1px;
    border-top: 1px solid #efefef;
    overflow: hidden;
    position: relative
}

.sales-promotion li {
    margin-top: -1px;
    padding: 0 15px 9px;
    font-size: 12px;
    line-height: 18px
}

.sales-promotion h4 {
    display: block;
    padding-top: 9px;
    height: 18px;
    border-top: 1px solid #f5f5f5;
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 12px;
    overflow: hidden
}

.sales-promotion h4 a {
    color: #333
}

.sales-promotion h4 a:hover {
    color: #aaa
}

.sales-promotion p {
    height: 18px;
    overflow: hidden;
    margin: 4px 0 0
}

.sales-promotion p span {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0 5px 0 0
}

.sales-promotion p .status {
    padding: 0 2px;
    background: #f60;
    font-family: arial;
    color: #fff
}

.sales-promotion .price {
    margin-right: 10px;
    color: #f33
}

.sales-promotion .first h4 {
    height: 36px
}

.sales-promotion .current {
    position: relative;
    padding: 0 15px 8px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa
}

.sales-promotion .current h4 {
    height: 36px;
    border-top: 0 none
}

.merchant-module .module-header h3 span {
    font-size: 12px;
    color: #999
}

.merchant-module .report {
    margin: 10px 15px 0;
    color: #666;
    line-height: 20px
}

.merchant-module .report a {
    color: #666
}

.merchant-module .report a:hover {
    color: #aaa
}

.merchant-list {
    zoom: 1
}

.merchant-list li {
    position: relative;
    line-height: 18px;
    vertical-align: middle;
    zoom: 1
}

.merchant-list li .merchant-inner {
    position: relative;
    zoom: 1;
    margin: 0 15px;
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5
}

.merchant-list li p, .merchant-list li strong {
    display: block;
    height: 18px;
    vertical-align: baseline;
    font-weight: 400
}

.merchant-list li p {
    margin-top: 3px;
    overflow: hidden
}

.merchant-list .price {
    margin-right: 10px;
    color: #f33
}

.merchant-list .sales-num {
    float: right;
    color: #999
}

.merchant-list .pop-pirice {
    position: relative;
    padding: 0 5px;
    border: 1px solid #ffcaa6;
    background: #fff;
    color: #f60;
    font-size: 12px;
    line-height: 17px
}

.merchant-list .pop-pirice .arrow-icon {
    position: absolute;
    top: 5px;
    left: -5px;
    width: 6px;
    height: 7px;
    overflow: hidden;
    background-position: -90px -25px
}

.merchant-list .tel {
    padding: 0 0 0 18px;
    background-position: -134px -57px
}

.merchant-list .rebate {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #fcd096;
    background: #fff;
    color: #f60;
    vertical-align: top
}

.merchant-list .rebate i {
    position: absolute;
    top: 6px;
    left: -7px;
    z-index: 2;
    width: 7px;
    height: 6px
}

.merchant-list .mer-credit .tel {
    background-position: -135px -54px;
    color: #333
}

.merchant-list .mer-vip {
    padding-right: 15px;
    background-position: 100% -197px
}

.merchant-list .niub {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 15px;
    height: 15px;
    background-position: -120px -24px
}

.merchant-list .mer-cu {
    margin-top: 5px;
    color: #999
}

.merchant-list .mer-zbz {
    padding: 1px 17px 3px 0;
    background-position: 100% -82px
}

.merchant-list .mer-qq {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 15px;
    height: 16px
}

.merchant-list .mer-qq a {
    display: block;
    height: 16px;
    text-indent: -9999em;
    overflow: hidden
}

.merchant-list .mer-qq .qonline {
    background-position: 0 -54px
}

.merchant-list .mer-qq .qonline:hover {
    background-position: -19px -54px
}

.merchant-list .mer-qq .qoffline {
    background-position: -38px -54px
}

.merchant-list .mer-qq .qoffline:hover {
    background-position: -57px -54px
}

.merchant-list .mer-credit {
    display: none;
    position: absolute;
    left: -177px;
    top: 0;
    width: 160px;
    padding: 0 5px 8px 10px;
    zoom: 1;
    border: 1px solid #e6e6e6;
    background: #fafafa
}

.merchant-list .store-credit {
    width: 175px;
    left: -192px
}

.merchant-list .hover {
    z-index: 200
}

.merchant-list .hover .merchant-inner {
    z-index: 10;
    margin: -1px -1px 0;
    padding: 10px 16px;
    border: 1px solid #e6e6e6;
    border-left: 0 none;
    background: #fafafa
}

.merchant-list .hover .mer-credit {
    display: block
}

.merchant-list .hover .mer-qq {
    right: 25px
}

.merchant-list .mer-credit p {
    height: 20px;
    padding: 2px 0;
    line-height: 20px;
    overflow: hidden
}

.merchant-list .mer-credit a, .merchant-list .mer-credit span {
    float: left
}

.merchant-list .mer-credit span {
    color: #999
}

.merchant-list .mer-credit a {
    margin-top: 2px
}

.merchant-list .mer-credit .pic {
    position: relative;
    display: block;
    float: none;
    margin: 10px 0 0
}

.merchant-list .mer-credit img {
    vertical-align: 0
}

.merchant-list .store-credit img {
    vertical-align: top
}

.merchant-list .mer-credit .merchant-score {
    margin: 3px 0 0
}

.merchant-list .merchant-score .rate-bar {
    float: left;
    margin: 8px 0 0;
    width: 70px;
    height: 4px;
    background: #e6e6e6;
    font: 0/0 arial
}

.merchant-list .merchant-score .rate-bar i {
    display: block;
    height: 4px;
    background: #30C37E
}

.merchant-list .merchant-score .score {
    float: left;
    padding: 0 0 0 10px;
    color: #999
}

.merchant-list .merchant-score .score em {
    color: #dc3416
}

.merchant-list .mer-credit .mer-address {
    height: auto
}

.merchant-list .mer-credit .address-info {
    width: 122px;
    margin-right: 0;
    color: #333;
    word-break: break-all;
    word-wrap: break-word
}

.merchant-list .mer-address .address-info a {
    float: none;
    margin: 0;
    text-decoration: underline
}

.merchant-list .aico {
    position: absolute;
    left: -8px;
    top: 10px;
    width: 8px;
    height: 12px;
    background-position: -102px -27px
}

.merchant-list .rz0, .merchant-list .rz1, .merchant-list .rz2 {
    float: left;
    width: 34px;
    height: 20px;
    margin-right: 2px;
    background-position: 0 0;
    text-indent: -9999em;
    overflow: hidden
}

.merchant-list .rz1 {
    background-position: -72px 0
}

.merchant-list .rz2 {
    background-position: -36px 0
}

.merchant-list .bz1, .merchant-list .bz2, .merchant-list .bz3, .merchant-list .bz4, .merchant-list .bz5 {
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px 3px 0 0;
    background-position: -68px -25px;
    text-indent: -9999em;
    overflow: hidden
}

.merchant-list .bz4 {
    background-position: -51px -25px
}

.merchant-list .bz3 {
    background-position: -34px -25px
}

.merchant-list .bz2 {
    background-position: -17px -25px
}

.merchant-list .bz1 {
    background-position: 0 -25px
}

.merchant-list .check-price-btn, .merchant-list .check-price-btn-disabled {
    display: inline-block;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0 3px;
    background: #f60;
    border: 1px solid #f60;
    line-height: 16px;
    cursor: pointer;
    vertical-align: top;
    color: #fff
}

.merchant-list .check-price-btn-disabled {
    background: #ccc;
    border-color: #ccc
}

.merchant-list .youyu {
    position: relative
}

.merchant-list .youyu:hover {
    background: #f2f9ff
}

.merchant-list .youyu strong {
    overflow: hidden
}

.merchant-list .youyu strong .tag {
    display: inline-block;
    height: 14px;
    padding: 0 3px;
    margin: 0 5px 0 0;
    border: 1px solid #f60;
    line-height: 14px;
    color: #f60;
    font-weight: 400
}

.merchant-list .youyu strong a:hover .tag {
    color: #f60;
    text-decoration: none
}

.merchant-list .youyu .price {
    float: right;
    margin: 0;
    font-weight: 400
}

.merchant-list .youyu {
    position: relative;
    margin: -1px -1px 0;
    border: 1px solid #c0d8f0
}

.merchant-list .youyu .merchant-inner {
    border-bottom: 0 none
}

.merchant-list .youyu .merchant-inner div {
    padding: 4px 0 0;
    color: #999
}

.mer-credit .mer-rzsq em {
    float: left;
    height: 18px;
    line-height: 18px;
    border: 1px solid #f60;
    background-color: #fff;
    color: #f60;
    padding-right: 4px
}

.mer-credit .mer-rzsq em b {
    float: left;
    padding: 0 4px;
    margin-right: 4px;
    color: #fff;
    background-color: #f60;
    font-weight: 400
}

.province-cities {
    margin: 0 15px;
    padding: 8px 0 11px;
    border-bottom: 1px solid #e6e6e6
}

.province-cities span {
    float: left;
    height: 20px;
    margin: 3px 1px 0 0;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer
}

.province-cities .select, .province-cities span:hover {
    background: #00a39E;
    color: #fff
}

.special-merchants {
    position: relative;
    margin: -1px -1px 0;
    border: 1px solid #c0d8f0
}

.special-merchants .title {
    height: 24px;
    padding: 0 15px;
    border-bottom: 1px solid #c0d8f0;
    background: #f2f9ff;
    color: #666;
    line-height: 24px;
    text-align: center
}

.special-merchants li .merchant-inner {
    margin-left: 14px;
    padding: 10px 0 11px 1px;
    border: 0 none
}

.special-merchants .hover .merchant-inner {
    z-index: 3;
    margin-bottom: -1px;
    padding-bottom: 11px;
    border-color: #c0d8f0;
    background: #f2f9ff
}

.special-merchants .hover .mer-credit {
    border-color: #c0d8f0;
    border-right: 1px solid #c0d8f0;
    background: #f2f9ff
}

.cstar {
    display: inline-block;
    height: 16px;
    vertical-align: top
}

.cstar em {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top
}

.cstar .k {
    height: 16px
}

.cstar .d {
    height: 16px;
    background-position: 0 0
}

.cstar .h {
    width: 8px;
    background-position: -8px -20px
}

.merchant-content {
    position: relative;
    z-index: 5
}

.merchant-content .ad-telephone, .merchant-content .merchant-more, .merchant-content .telephone {
    position: relative;
    margin: -1px 15px 0;
    padding: 11px 0;
    border-top: 1px solid #f5f5f5;
    font: 400 12px/1.5 'Microsoft YaHei', arial
}

.merchant-content .merchant-more em {
    font-family: Simsun
}

.merchant-content .buylink {
    margin: -1px 15px 0;
    padding: 5px 0;
    height: 31px;
    line-height: 31px;
    border-top: 1px solid #f5f5f5;
    font-weight: 400;
    font-family: 'Microsoft YaHei', arial
}

.merchant-content .no-mermlist {
    padding: 0 15px 11px;
    line-height: 30px
}

.merchant-content .buylink .arrow-icon, .merchant-content .merchant-more .arrow-icon {
    display: inline-block;
    width: 5px;
    height: 9px;
    overflow: hidden;
    margin: 0 0 0 5px;
    background-position: 0 -320px;
    vertical-align: 0
}

.merchant-content .buylink a:hover, .merchant-content .merchant-more a:hover {
    color: #aaa
}

.merchant-content a:hover .arrow-icon {
    background-position: 0 -345px
}

.merchant-content .ad-telephone {
    margin: 0 15px
}

.merchant-content .ad-telephone {
    color: #666
}

.merchant-tabs {
    position: relative;
    height: 22px;
    z-index: 15;
    margin: 12px 15px 0;
    border-bottom: 1px solid #e1e1e1
}

.merchant-tabs .merchant-city-current span {
    position: relative;
    z-index: 2;
    float: left;
    height: 22px;
    padding: 0 8px;
    border: 1px solid #e1e1e1;
    border-bottom: 0 none;
    margin-bottom: -1px;
    background-color: #fff;
    color: #666;
    line-height: 22px
}

.merchant-tabs .merchant-city-current .arrow-icon {
    float: left;
    width: 18px;
    height: 21px;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background-color: #fcfcfc;
    background-position: -113px 3px;
    cursor: pointer
}

.merchant-tabs .city-widget {
    right: -16px;
    top: 22px;
    z-index: 1
}

#J_CityRec {
    float: right;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    text-align: right
}

#J_CityRec a {
    margin-left: 4px
}

.merchant-switch {
    margin: 5px 15px 0
}

.merchant-switch span {
    float: left;
    width: 50%;
    height: 34px;
    border-bottom: 1px solid #e1e1e1;
    color: #999;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    cursor: pointer
}

.merchant-switch span.current {
    color: #333;
    border-color: #30C37E
}

.merchant-class-title {
    height: 24px;
    margin: 0 15px;
    background: #f5f5f5;
    color: #666;
    text-align: center;
    line-height: 24px
}

.merchant-list .mer-credit-other {
    left: -140px;
    width: 108px;
    padding: 0 15px 15px
}

.merchant-list .mer-credit-other .z-ensure {
    height: 20px;
    margin: 15px 0 4px;
    padding-left: 20px;
    background-position: -135px -121px;
    line-height: 20px
}

.merchant-list .mer-credit-other .mer-description {
    line-height: 18px;
    color: #999
}

.merchant-list .mer-credit-other .look-more {
    display: block;
    height: 24px;
    width: 106px;
    margin: 12px 0 0;
    border: 1px solid #d9d9d9;
    background: #fff;
    text-align: center;
    line-height: 24px;
    color: #666
}

.mer-credit-other .look-more:hover {
    color: #333;
    text-decoration: none
}

.city-layerbox {
    width: 360px;
    position: absolute;
    right: -15px;
    top: 21px;
    margin: 0;
    display: none
}

.city-layerbox .layerbox-main {
    padding: 10px 0 10px 15px
}

.city-layerbox .win-citylist {
    overflow: hidden;
    zoom: 1;
    font-size: 14px;
    line-height: 28px
}

.win-citylist li {
    float: left;
    width: 60px;
    margin: 0 5px 0 0;
    color: #0368a8;
    text-align: center
}

.win-citylist .hover {
    background: #E9F2FF;
    color: #0368A8;
    text-decoration: none;
    cursor: pointer
}

.interest-list {
    padding: 0;
    position: relative;
    overflow: hidden
}

.interest-list li {
    position: relative;
    zoom: 1;
    float: none;
    width: 188px;
    margin: 0 15px;
    padding: 15px 0 12px;
    border-top: 1px solid #f5f5f5;
    margin-top: -1px;
    text-align: center
}

.interest-list .pic {
    display: block;
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto
}

.interest-list .pic .price {
    position: absolute;
    top: 72px;
    right: 0;
    height: 18px;
    margin: 0;
    padding: 0 4px;
    background: #f33;
    color: #fff;
    line-height: 18px;
    cursor: text
}

.interest-list .pic .no-price {
    position: absolute;
    top: 72px;
    right: 0;
    height: 18px;
    margin: 0;
    padding: 0 4px;
    background: #999;
    color: #fff;
    line-height: 18px;
    cursor: text
}

.interest-list .pic:hover {
    text-decoration: none
}

.interest-list .pic:hover .no-price, .interest-list .pic:hover .price {
    color: #fff;
    text-decoration: none
}

.interest-list .title {
    display: block;
    height: 18px;
    overflow: hidden;
    margin: 6px 0 0;
    font: 400 12px/1.5 'Microsoft YaHei', arial;
    word-break: break-all
}

.interest-list .title a {
    color: #333
}

.interest-list .title a:hover {
    color: #aaa
}

.interest-list .meta {
    color: #ccc
}

.interest-list .count {
    margin: 6px 0 0;
    color: #999
}

.interest-list .count span {
    padding: 0 8px 0 0
}

.interest-list .cancel-btn, .interest-list .compare-btn {
    position: absolute;
    top: 15px;
    right: 0;
    height: 22px;
    overflow: hidden;
    padding: 0 6px 0 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer
}

.review .interest-list .cancel-btn, .review .interest-list .compare-btn {
    display: none
}

.interest-list .cancel-btn i, .interest-list .compare-btn i {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    background: 0 0
}

.interest-list .cancel-btn i::before, .interest-list .compare-btn i::before {
    content: "\e62a";
    color: #30C37E;
    font-style: normal;
    font-size: 14px;
    font-family: iconfont
}

.interest-list .cancel-btn i {
    top: 10px;
    width: 8px;
    height: 2px;
    background-position: -50px -168px
}

.interest-list .cancel-btn:hover, .interest-list .compare-btn:hover {
    background: #f4f4f4
}

.interest-list .compare-btn:hover i {
    background-position: -60px -155px
}

.interest-list .cancel-btn:hover i {
    background-position: -60px -168px
}

.zol_app {
    padding: 14px 5px 15px 15px;
    overflow: hidden;
    zoom: 1
}

.zol_app img {
    vertical-align: middle
}

.zol_app .app_logo {
    float: left;
    width: 48px;
    margin: 1px 10px 0 0
}

.zol_app p {
    overflow: hidden;
    color: #666;
    line-height: 18px;
    word-break: break-all
}

.zol_app .app_down_link {
    display: block;
    width: 70px;
    height: 24px;
    margin-top: 7px;
    background: #30C37E;
    color: #fff;
    text-align: center;
    line-height: 24px
}

.zol_app .app_down_link:hover {
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.rank-list {
    padding: 9px 10px 6px 13px
}

.rank-list li {
    position: relative;
    height: 24px;
    overflow: hidden;
    padding: 3px 0 3px 24px;
    line-height: 24px
}

.rank-list .n1, .rank-list .n2 {
    position: absolute;
    top: 6px;
    left: -3px;
    height: 18px;
    font: italic 14px/18px arial;
    width: 18px;
    text-align: center
}

.rank-list .n1 {
    background: #30C37E;
    color: #fff
}

.rank-list .n2 {
    color: #999
}

.rank-list .pic {
    display: none;
    float: left;
    margin: 3px 10px 0 0
}

.rank-list .pic img {
    vertical-align: top
}

.rank-list p {
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rank-list p.singer {
    color: #aaa;
    padding-top: 10px
}

.rank-list p a {
    color: #333;
    font-size: 14px
}

.rank-list p a:hover {
    color: #aaa
}

.rank-list .price {
    display: none;
    overflow: hidden;
    zoom: 1;
    margin: 5px 0 0;
    color: #f33;
    line-height: 18px;
    height: 18px
}

.rank-list .current {
    height: 66px;
    line-height: 18px
}

.rank-list .current .pic, .rank-list .current .price {
    display: block
}

.rank-manu-list {
    padding-bottom: 9px
}

.rank-manu-list li {
    padding: 0 0 0 24px;
    float: left;
    width: 72px
}

.rank-manu-list a {
    color: #333
}

.rank-manu-list a:hover {
    color: #aaa
}

.soft {
    position: relative
}

.soft .tab-panel .more {
    position: absolute;
    right: 15px;
    top: -43px;
    color: #999
}

.soft .tab-panel .more:hover {
    color: #aaa
}

.soft-tab {
    margin: 15px 15px 0;
    border-bottom: 1px solid #e0e0e0
}

.soft-tab li {
    position: relative;
    zoom: 1;
    float: left;
    height: 20px;
    margin: 0 -1px -1px 0;
    padding: 0 8px;
    border: 1px solid #e1e1e1;
    background: #fcfcfc;
    color: #666;
    line-height: 20px;
    cursor: pointer
}

.soft-tab .current {
    z-index: 10;
    margin-bottom: -2px;
    padding-bottom: 1px;
    border-bottom: 0 none;
    background: #fff
}

.soft-list {
    padding: 3px 0 11px 6px
}

.soft-list li {
    float: left;
    position: relative;
    width: 50px;
    padding: 12px 10px 0 9px
}

.soft-list .pic span {
    display: block;
    height: 18px;
    overflow: hidden;
    margin: 6px 0 0;
    color: #333;
    line-height: 18px;
    text-align: center;
    word-break: break-all;
    cursor: pointer
}

.soft-list .pic:hover span {
    color: #aaa
}

.soft-list .num {
    display: none;
    position: absolute;
    top: 12px;
    left: 0;
    width: 68px;
    height: 18px;
    background: #ff6502
}

.soft-list .num em {
    display: block;
    height: 18px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.soft-list .num .icon-larr, .soft-list .num .icon-rarr {
    position: absolute;
    left: 0;
    top: 18px;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background-position: -50px -175px
}

.soft-list .num .icon-rarr {
    left: auto;
    right: 0;
    background-position: -50px -185px
}

.soft-list .current .num {
    display: block
}

.about-brand {
    padding: 0 15px 11px
}

.about-brand .pic {
    margin: 15px 0 0;
    text-align: center
}

.about-brand .pic img {
    vertical-align: top
}

.about-brand .contact {
    margin: 6px 0 0
}

.about-brand .contact li {
    overflow: hidden;
    zoom: 1;
    padding: 4px 0 0 60px;
    color: #333;
    line-height: 20px
}

.about-brand .contact span {
    float: left;
    margin: 0 0 0 -60px;
    color: #999
}

.star-brand-module .module-header h3 {
    height: 22px;
    line-height: 22px
}

#star_saletel {
    font-size: 14px;
    margin-top: 12px
}

#star_saletel_phone {
    color: #f60;
    font-family: Verdana;
    float: left;
    border: 1px solid #d9d9d9;
    line-height: 28px;
    height: 28px;
    border-right: none;
    width: 109px;
    padding-left: 30px
}

#star_saletel_showbtn {
    cursor: pointer;
    color: #fff;
    text-align: center;
    float: right;
    width: 60px;
    height: 30px;
    background: #f60;
    line-height: 30px;
    font-size: 12px;
    text-decoration: none
}

#star_saletel_showbtn:hover {
    background: #f04000;
    text-decoration: none
}

#star_saletel_showok {
    display: none;
    float: right;
    width: 59px;
    height: 28px;
    border: 1px solid #d9d9d9;
    border-left: none
}

.unrecognized-brand-tip {
    height: 20px;
    line-height: 20px;
    color: #999
}

.unrecognized-brand-tip span {
    color: #f33
}

.star-brand-wrap {
    float: left;
    position: relative
}

.star-brand-module .module-header {
    position: relative;
    overflow: visible
}

.star-brand-module .brand-verify-box {
    position: relative;
    margin: 15px 0 0;
    z-index: 4
}

.star-brand-module .brand-verify-box .brand-name {
    float: left;
    max-width: 165px;
    height: 22px;
    overflow: hidden;
    font-weight: 400
}

.star-brand-module .star-brand-icon, .star-brand-module .star-brand-icon0 {
    display: block;
    width: 84px;
    height: 22px;
    margin: 0 0 0 6px;
    background-position: 0 -130px;
    color: #f60;
    font-size: 12px;
    line-height: 22px
}

.star-brand-module .star-brand-icon0 {
    width: 81px;
    background-position: 0 -160px;
    color: #9c9c9c
}

.star-brand-module .star-brand-icon .star-brand-level {
    float: left;
    width: 22px;
    height: 22px;
    overflow: hidden;
    margin: 0 5px 0 0;
    text-indent: -999em
}

.star-brand-module .star-brand-icon .star-brand-level0 {
    background-position: 0 -432px
}

.star-brand-module .star-brand-icon .star-brand-level1 {
    background-position: -24px -432px
}

.star-brand-module .star-brand-icon .star-brand-level2 {
    background-position: -48px -432px
}

.star-brand-module .star-brand-icon .star-brand-level3 {
    background-position: -72px -432px
}

.star-brand-module .level-short-icon {
    width: 22px;
    height: 22px;
    overflow: hidden;
    margin: 0 0 0 6px;
    background: 0 0;
    font: 0/0 arial
}

.star-brand-module .contact li {
    padding-left: 64px
}

.star-brand-module .about-brand .contact span {
    margin-left: -64px
}

.star-brand-module .contact-cate {
    position: relative;
    width: 234px;
    margin: 5px -17px 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #333;
    background-color: #f5f5f5
}

.star-brand-module .contact-cate-rz {
    width: auto;
    margin: 5px 0 0
}

.star-brand-module .contact-tel img {
    margin-top: -1px;
    vertical-align: middle
}

.star-brand-module .contact-tel {
    padding-bottom: 5px
}

.star-brand-module .contact-tel .star-tel {
    margin-bottom: 5px;
    padding-left: 66px;
    color: #f33
}

.star-brand-module .contact-tel .star-tel span {
    margin-left: -66px
}

.star-brand-module .unrecognized-link {
    padding-top: 8px;
    border-top: 1px dashed #e6e6e6
}

.unrecognized-note {
    margin: 10px 0 -6px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background: #ffc;
    border: 1px solid #fc3;
    color: #999
}

.unrecognized-note span {
    margin-right: 15px
}

.unrecognized-note span em {
    color: #f33
}

.star-brand-module .unrecognized-link em, .unrecognized-note a em {
    font-family: simsun
}

.star-brand-module .star-brand-layerbox {
    position: absolute;
    top: 32px;
    right: -16px;
    width: 270px;
    padding: 0 10px 4px;
    border: 1px solid #e0e0e0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .07);
    background: #fff;
    font-size: 12px
}

.star-brand-module .star-brand-layerbox .arrow-icon {
    position: absolute;
    top: -8px;
    left: 60%;
    width: 15px;
    height: 8px;
    overflow: hidden;
    background-position: 0 -105px;
    font: 0/0 arial
}

.star-brand-module .star-brand-layerbox p {
    height: 24px;
    overflow: hidden;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 24px
}

.star-brand-module .star-brand-layerbox p .zol-brand-link {
    float: right;
    margin: 0 10px 0 0;
    background: #fff;
    color: #0a50a1
}

.star-brand-module .star-brand-layerbox p .zol-brand-link:hover {
    color: #aaa
}

.star-brand-module .star-brand-layerbox .star-current-level {
    float: left;
    width: 74px;
    margin: 0 10px 0 0;
    padding: 30px 0 0;
    text-align: center
}

.star-brand-module .star-brand-layerbox .star-level-icon {
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto
}

.star-brand-module .star-brand-layerbox .star-current-level p {
    height: 22px;
    margin: 0;
    color: #666;
    font-size: 12px;
    line-height: 22px
}

.star-brand-module .star-brand-layerbox .star-current-level .level0-icon {
    background-position: 0 -485px
}

.star-brand-module .star-brand-layerbox .star-current-level .level1-icon {
    background-position: -55px -485px
}

.star-brand-module .star-brand-layerbox .star-current-level .level2-icon {
    background-position: 0 -540px
}

.star-brand-module .star-brand-layerbox .star-current-level .level3-icon {
    background-position: -55px -540px
}

.star-brand-module .star-brand-layerbox .star-level-list {
    overflow: hidden;
    zoom: 1
}

.star-brand-module .star-brand-layerbox .level-item {
    height: 42px;
    overflow: hidden;
    padding: 0 0 0 9px;
    color: #999;
    line-height: 16px;
    font-size: 12px;
    color: #999
}

.star-brand-module .star-brand-layerbox .level-item div {
    padding: 4px 0
}

.star-brand-module .star-brand-layerbox .level-item b {
    color: #f60;
    font-weight: 400
}

.star-brand-module .star-brand-layerbox .level-item strong {
    display: block;
    font-size: 12px;
    color: #333;
    font-weight: 400
}

.star-brand-module .level-item .level-item-icon {
    float: left;
    width: 23px;
    height: 23px;
    overflow: hidden;
    margin: 10px 8px 0 0
}

.star-brand-module .level-item .level1-item-icon {
    background-position: 0 -457px
}

.star-brand-module .level-item .level2-item-icon {
    background-position: -25px -457px
}

.star-brand-module .level-item .level3-item-icon {
    background-position: -50px -457px
}

.star-brand-module .star-brand-layerbox .current-level-item {
    background: #f5f5f5;
    color: #333
}

.star-brand-module .current-level-item .level1-item-icon {
    background-position: -24px -432px
}

.star-brand-module .current-level-item .level2-item-icon {
    background-position: -48px -432px
}

.star-brand-module .current-level-item .level3-item-icon {
    background-position: -72px -432px
}

.star-brand-module .about-brand .contact .hot-phone {
    color: #f33;
    font-size: 14px
}

.star-brand-module .star-service {
    padding: 8px 0 0 0
}

.star-brand-module .star-service-rz {
    padding: 8px 0 12px 12px
}

.star-brand-module .star-service div {
    padding-top: 4px;
    position: relative;
    float: left;
    width: 58px;
    height: 21px;
    margin-right: 13px
}

.star-brand-module .star-service .star-service-aladdin {
    margin-right: 0
}

.star-brand-module .star-service div span {
    display: block;
    padding-left: 27px;
    height: 21px;
    line-height: 21px;
    cursor: pointer
}

.star-brand-module .star-service .star-service-top span {
    background-position: 0 -324px;
    color: #925f05
}

.star-brand-module .star-service .star-service-aladdin span {
    background-position: 0 -350px;
    color: #d21a1a
}

.star-brand-module .star-service .star-service-version.disabled span {
    background-position: -65px -299px;
    color: #999
}

.star-brand-module .star-service .star-service-top.disabled span {
    background-position: -65px -324px;
    color: #999
}

.star-brand-module .star-service .star-service-aladdin.disabled span {
    background-position: -65px -350px;
    color: #999
}

.star-brand-module .star-service .version-2 span {
    background-position: 0 -299px;
    color: #076f7b
}

.star-brand-module .star-service .version-3 span {
    background-position: 0 -402px;
    color: #d21a1a
}

.star-brand-module .star-service .version-5 span {
    background-position: 0 -376px;
    color: #925f05
}

.star-brand-module .star-service-rz div {
    margin-right: 10px
}

.star-brand-module .star-service p {
    display: none;
    position: absolute;
    right: 0;
    top: -28px;
    height: 26px;
    white-space: nowrap;
    border: 1px solid #f8dda6;
    background-color: #fefff1;
    color: grey;
    padding: 0 8px;
    line-height: 26px;
    font-family: arial
}

.star-brand-module .star-service p a {
    font-family: simsun
}

.visited-list {
    padding: 6px 0 8px
}

.visited-list li {
    position: relative;
    padding: 6px 5px 7px 28px;
    overflow: hidden;
    color: #999
}

.visited-list li input {
    vertical-align: middle;
    position: absolute;
    left: 10px;
    top: 24px
}

.visited-list .pic {
    float: left;
    width: 62px;
    margin: 3px 7px 0 0;
    overflow: hidden
}

.visited-list .pic img {
    vertical-align: middle
}

.visited-list li p {
    padding-left: 69px;
    line-height: 18px
}

.visited-list li .visited-price {
    color: #f33
}

.visited-list li a {
    color: #333
}

.visited-list li a:hover {
    color: #aaa
}

.visited-compare {
    padding: 0 0 15px
}

.visited-compare input {
    display: block;
    width: 100px;
    height: 28px;
    margin: 0 auto;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
    background: #30C37E;
    border: 0 none;
    outline: 0 none
}

.visited-compare input:hover {
    background: #00a39E
}

.side-zplus-module .module-header {
    overflow: hidden;
    zoom: 1
}

.side-zplus-module .module-header h3 {
    float: left;
    margin-right: 5px;
    padding-left: 20px
}

.side-zplus-module .module-header span {
    float: left;
    width: 54px;
    height: 18px;
    font-size: 12px;
    overflow: hidden;
    line-height: 18px;
    background-color: #ff5959;
    color: #fff;
    text-align: center
}

.side-zplus-promotion {
    padding: 0 0 10px;
    overflow: hidden;
    position: relative
}

.side-zplus-promotion li {
    position: relative;
    padding: 15px 5px 5px 15px;
    font-size: 12px;
    line-height: 18px;
    zoom: 1;
    overflow: hidden
}

.side-zplus-promotion li em {
    position: absolute;
    left: 105px;
    top: 19px;
    width: 13px;
    height: 13px;
    font-size: 12px;
    text-align: center;
    background-color: #ff5959;
    color: #fff;
    line-height: 13px;
    overflow: hidden
}

.side-zplus-promotion li .n2 {
    background-color: #999
}

.side-zplus-promotion .pic {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 10px
}

.side-zplus-promotion .pic .w4-3 {
    padding: 10px 0
}

.side-zplus-promotion h4 {
    height: 40px;
    word-break: break-all;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 12px;
    overflow: hidden;
    text-indent: 20px;
    line-height: 20px
}

.side-zplus-promotion h4 a {
    color: #333
}

.side-zplus-promotion h4 a:hover {
    color: #aaa
}

.side-zplus-promotion p {
    height: 18px;
    overflow: hidden;
    margin: 2px 0 0;
    line-height: 18px
}

.side-zplus-promotion p span {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 1px 5px 0 0
}

.side-zplus-promotion p .status {
    padding: 0 2px;
    background: #ff5959;
    font-family: arial;
    color: #fff
}

.side-zplus-promotion .price {
    margin-right: 10px;
    color: #f33;
    font-weight: 700
}

.lt-dealer-logo-header {
    position: relative;
    z-index: 10;
    left: -1px;
    top: -1px;
    width: 190px;
    padding: 5px 15px 6px;
    background-color: #30C37E;
    color: #fff
}

.lt-dealer-logo-header h3 {
    height: 34px;
    font: 24px/34px "Microsoft YaHei"
}

.lt-dealer-logo-header p {
    height: 18px;
    overflow: hidden;
    font: 700 12px/18px "Microsoft YaHei"
}

.lt-dealer-logo-header .lt-dealer-logo {
    display: block;
    width: 210px;
    max-width: 210px;
    height: 40px;
    margin: 0 0 5px
}

.lt-dealer-qrcode {
    position: absolute;
    top: 11px;
    right: 15px;
    width: 24px;
    height: 24px
}

.lt-dealer-qrcode span {
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-position: 0 -78px;
    text-indent: -9999em
}

.lt-dealer-qrcode em {
    display: none;
    width: 22px;
    height: 23px;
    overflow: hidden;
    text-indent: -9999em;
    border: 1px solid #e6e6e6;
    border-bottom: 0 none;
    background-color: #30C37E;
    background-position: -32px -78px;
    cursor: pointer
}

.lt-dealer-qrcode em:hover {
    background-color: #30C37E
}

.lt-dealer-qrcode-img {
    display: none;
    position: absolute;
    right: 0;
    top: 24px;
    width: 90px;
    padding: 10px 10px 0;
    border: 1px solid #e6e6e6;
    background: #fff
}

.lt-dealer-qrcode-img img {
    vertical-align: top
}

.lt-dealer-qrcode-img p {
    height: 22px;
    white-space: nowrap;
    text-align: center;
    font: 12px/22px arial;
    color: #666
}

.lt-dealer-qrcode-on span {
    display: none
}

.lt-dealer-qrcode-on .lt-dealer-qrcode-img, .lt-dealer-qrcode-on em {
    display: block
}

.lt-merchant-list {
    zoom: 1
}

.lt-merchant-list li {
    position: relative;
    line-height: 18px;
    padding: 10px 5px 10px 15px;
    vertical-align: middle;
    zoom: 1
}

.lt-merchant-list .lt-merchant-tel {
    margin-top: 4px;
    height: 22px;
    overflow: hidden;
    vertical-align: baseline;
    line-height: 22px
}

.lt-merchant-list li strong {
    height: 18px;
    overflow: hidden;
    display: block;
    padding-right: 20px;
    font-family: 'Microsoft YaHei'
}

.lt-merchant-list .authorized {
    display: inline-block;
    width: 26px;
    height: 14px;
    margin: 2px 3px 0 0;
    font: 12px/14px arial;
    border: 1px solid #f60;
    background: #fff;
    color: #f60;
    text-align: center;
    vertical-align: top;
    overflow: hidden
}

.lt-merchant-list .mer-qq {
    position: absolute;
    right: 15px;
    top: 11px;
    width: 15px;
    height: 16px
}

.lt-merchant-list .mer-qq a {
    display: block;
    height: 16px;
    text-indent: -9999em;
    overflow: hidden
}

.lt-merchant-list .mer-qq .qonline {
    background-position: 0 -54px
}

.lt-merchant-list .mer-qq .qonline:hover {
    background-position: -19px -54px
}

.lt-merchant-list .mer-qq .qoffline {
    background-position: -38px -54px
}

.lt-merchant-list .mer-qq .qoffline:hover {
    background-position: -57px -54px
}

.lt-merchant-list .lt-merchant-address-c, .lt-merchant-list .lt-merchant-address-d {
    margin-top: 5px;
    height: 18px;
    overflow: hidden;
    vertical-align: baseline
}

.lt-merchant-credit {
    display: none;
    padding: 3px 0 0;
    zoom: 1
}

.lt-merchant-list .hover .lt-merchant-credit {
    display: block
}

.lt-merchant-list .lt-merchant-credit p {
    height: 18px;
    padding: 2px 0;
    line-height: 18px;
    overflow: hidden
}

.lt-merchant-list .lt-merchant-address {
    height: auto;
    margin: 0
}

.lt-merchant-credit span {
    float: left
}

.lt-merchant-credit span {
    color: #999
}

.lt-merchant-credit a {
    margin-top: 2px
}

.lt-merchant-credit .address-info {
    width: 150px;
    margin-right: 0;
    color: #333;
    word-break: break-all;
    word-wrap: break-word
}

.lt-merchant-address .address-info a {
    float: none;
    margin: 0;
    text-decoration: underline
}

.lt-merchant-credit img {
    margin: 5px 0;
    display: block
}

.lt-merchant-list .hover .lt-merchant-address-d {
    display: none
}

.lt-merchant-score {
    overflow: hidden;
    zoom: 1
}

.lt-merchant-score .cate {
    float: left;
    color: #999
}

.lt-merchant-score .rate-bar {
    float: left;
    margin: 9px 0 0;
    width: 70px;
    height: 4px;
    background: #e6e6e6;
    font: 0/0 arial
}

.lt-merchant-score .rate-bar i {
    display: block;
    height: 4px;
    background: #30C37E
}

.lt-merchant-score .score {
    float: left;
    padding: 0 0 0 10px;
    color: #333
}

.lt-merchant-list .hover {
    z-index: 2
}

.lt-merchant-list .even {
    background: #fafafa
}

.lt-merchant-list .tel {
    padding: 0 0 0 18px;
    margin-right: 5px;
    background-position: -134px -57px
}

.lt-ask-price-btn, .lt-ask-price-btn-disabled {
    display: inline-block;
    width: 60px;
    height: 22px;
    overflow: hidden;
    background: #30C37E;
    line-height: 22px;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    text-align: center
}

.lt-ask-price-btn-disabled {
    background: #ccc
}

.zplus_ad {
    margin-top: 20px;
    border: 0 solid #e6e6e6
}

.city-widget {
    display: none;
    position: absolute;
    width: 418px;
    -webkit-box-shadow: 2px 2px 1px 0 rgba(224, 224, 224, .4);
    -moz-box-shadow: 2px 2px 1px 0 rgba(224, 224, 224, .4);
    box-shadow: 2px 2px 1px 0 rgba(224, 224, 224, .4)
}

.city-widget-close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 23px;
    height: 23px;
    text-indent: -9999em;
    overflow: hidden;
    background-position: 0 -10px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 50%
}

.city-widget-close:hover {
    background-color: #b3b3b3;
    background-position: 0 -33px
}

.city-box {
    clear: both;
    padding: 15px;
    border: 1px solid #e6e6e6;
    background: #fff
}

.city-tabs {
    border-bottom: 2px solid #30C37E;
    height: 26px
}

.city-tabs li {
    position: relative;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0 5px 0 0;
    padding: 3px 25px 2px 11px;
    border: 1px solid #e0e0e0;
    border-bottom: 0 none;
    color: #666;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.city-tabs i {
    position: absolute;
    top: 11px;
    right: 10px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -7px 0
}

.city-tabs .active {
    padding: 2px 24px 4px 10px;
    border-width: 2px;
    border-color: #30C37E;
    margin-bottom: -2px
}

.city-tabs .active i {
    top: 10px;
    right: 9px
}

.area-list {
    overflow: hidden;
    zoom: 1;
    padding: 10px 0 7px
}

.area-list li {
    float: left;
    padding: 4px 0 4px 7px;
    width: 89px;
    height: 22px;
    line-height: 22px
}

.area-list li a {
    padding: 0 5px;
    float: left
}

.area-list li .active, .area-list li .active:hover, .area-list li a:hover {
    color: #fff;
    text-decoration: none;
    background: #30C37E
}

.icon-darr, .icon-rarr, .icon-uarr, .short-review-star, .short-review-star .active, .star, .star .comments-box .btn-advanced, .comments-box .comments-default-score .want-buy-btn i, .comments-box .error-tips .dou, .comments-box .error-tips .icon, .comments-box .short-review-star, .comments-box .short-review-star .active, .comments-score-new .total-score .rec-ico, .comments-score-new .total-score .rec-ico2, .comments-score-new-notes i, .comments-score-new-notes-small i, .edit-rec-icon, .new-star, .new-star .star {
    width: 69px;
    height: 12px;
    overflow: hidden;
    background-position: 0 -80px
}

.star em {
    float: left;
    height: 12px;
    background-position: 0 -60px
}

.new-star {
    width: 98px;
    height: 18px;
    overflow: hidden;
    background-position: 0 -23px
}

.new-star .empty-star, .new-star em {
    float: left;
    height: 18px;
    background-position: 0 0
}

.new-star .empty-star {
    background-position: 0 -46px
}

.biger-star {
    width: 79px;
    height: 14px;
    background-position: 0 0
}

.biger-star em {
    height: 14px;
    background-position: 0 -20px
}

.func-handle {
    height: 20px;
    overflow: hidden;
    margin: 23px 0 0;
    padding: 0 20px
}

.func-handle a, .func-handle span {
    float: left;
    margin: 0 20px 0 0;
    color: #999;
    line-height: 20px
}

.func-handle a.laud, .func-handle a.laud:hover {
    color: #c00
}

.func-handle a i, .func-handle span i {
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 2px 5px 0 0;
    font-family: iconfont;
    font-size: 18px;
    font-style: normal;
    color: #ccc
}

.func-handle a:hover i, .func-handle span:hover i {
    color: #30C37E
}

.func-handle a.laud i {
    color: #c00
}

.func-handle a:hover {
    text-decoration: none;
    color: #333
}

.func-handle .icon-reply {
    margin-top: 2px;
    background: 0 0
}

.func-handle .icon-reply::before {
    content: "\e74f";
    display: block
}

.func-handle .icon-zan {
    margin-top: 0;
    background: 0 0
}

.func-handle .icon-zan::before {
    content: "\e60a";
    display: block
}

.func-handle .icon-cai {
    margin-top: 4px;
    background: 0 0;
    font-size: 15px;
    height: 22px
}

.func-handle .icon-cai::before {
    content: "\e694";
    display: block
}

.func-handle .icon-share {
    margin-top: 3px;
    background-position: -43px 1px
}

.func-handle .icon-fav {
    background-position: -60px 0
}

.func-handle .icon-view {
    background-position: -80px 3px
}

.func-handle .done {
    color: #333
}

.func-handle .done .icon-reply, .func-handle a[href]:hover .icon-reply {
    background-position: 0 -18px
}

.func-handle .done .icon-zan, .func-handle a[href]:hover .icon-zan {
    background-position: -13px -20px
}

.func-handle .done .icon-cai, .func-handle a[href]:hover .icon-cai {
    background-position: -28px -20px
}

.func-handle a[href]:hover .icon-share, .func-handle.done .icon-share {
    background-position: -43px -19px
}

.func-handle .done .icon-fav, .func-handle a[href]:hover .icon-fav {
    background-position: -60px -20px
}

.func-handle .done .icon-view, .func-handle a[href]:hover .icon-view {
    background-position: -80px -17px
}

.func-handle .answer-num {
    float: right;
    margin-right: 0;
    color: #999
}

.func-handle .answer-num em, .func-handle .answer-num span {
    float: none;
    margin: 0;
    color: #0a50a1
}

.func-handle .answer-num:hover span, .func-handle .answer-num[href]:hover {
    text-decoration: underline;
    color: #aaa
}

.comments-score {
    margin-bottom: 10px;
    zoom: 1;
    font-family: 'Microsoft YaHei', arial
}

.comments-score .score-item {
    float: right;
    width: 374px;
    margin: 25px 0 0
}

.comments-score .score-item li {
    float: left;
    width: 170px;
    height: 22px;
    padding: 0 17px 0 0;
    color: #666;
    line-height: 22px
}

.comments-score .score-item strong {
    float: left;
    width: 48px;
    overflow: hidden;
    margin: 0 10px 0 0;
    font-weight: 400
}

.comments-score .score-item .star {
    float: left;
    margin: 5px 10px 0 0
}

.comments-score .score-item .text {
    color: #999
}

.comments-score .comments-words {
    clear: both
}

.comments-score .total-score {
    display: inline;
    float: left;
    width: 80px;
    margin: 19px 0 -10px 20px;
    padding: 0 30px 0 10px;
    position: relative;
    z-index: 2
}

.comments-score .total-score strong {
    display: block;
    color: #f60;
    font-weight: 400;
    font-size: 36px;
    line-height: 50px;
    text-align: center
}

.comments-score .total-score .biger-star {
    margin-top: 3px
}

.comments-score .comments-level {
    float: left;
    margin: 20px 0 0;
    padding: 5px 0 5px 0;
    background-position: 198px -80px;
    color: #666;
    font-family: 'Microsoft YaHei', arial;
    line-height: 22px
}

.comments-score .comments-level li {
    position: relative;
    height: 22px;
    width: 130px;
    overflow: hidden;
    padding: 0 13px 0 60px;
    vertical-align: middle
}

.comments-score .comments-level strong {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 400;
    padding: 0 5px 0 0
}

.comments-score .comments-level em {
    position: absolute;
    top: 0;
    left: 28px;
    color: #999
}

.comments-score .comments-level .rate-bar {
    position: absolute;
    top: 6px;
    left: 63px;
    float: left;
    width: 100px;
    height: 10px;
    overflow: hidden;
    background: #efefef
}

.comments-score .comments-level i {
    float: left;
    height: 10px;
    background: #f60
}

.comments-score .comments-words {
    margin: 20px 20px 0;
    padding-bottom: 10px;
    border-top: 1px solid #f0f0f0
}

.comments-score .comments-words .words-tips {
    margin: 14px 0 10px;
    font-size: 16px;
    line-height: 26px
}

.comments-score .words-tips strong {
    color: #f60;
    font-weight: 400
}

.bad-words, .good-words {
    zoom: 1;
    height: 36px;
    overflow: hidden;
    position: relative
}

.words-all {
    height: auto
}

.comments-score .words-list li {
    position: relative;
    float: left;
    margin: 0 10px 10px 0
}

.comments-score .words-list a {
    float: left;
    height: 24px;
    padding: 0 9px;
    border: 1px solid #fc9;
    color: #f60;
    line-height: 24px;
    text-decoration: none;
    white-space: nowrap;
    outline: 0 none
}

.comments-score .good-words .active, .comments-score .good-words a:hover {
    background-color: #fff9e5;
    color: #f60;
    text-decoration: none
}

.comments-score .bad-words a {
    border-color: #8cdac1;
    color: #096
}

.comments-score .bad-words .active, .comments-score .bad-words a:hover {
    border-color: #a7dba7;
    background: #f2fbf8;
    color: #408040
}

.comments-score .comments-words .close-words {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-position: -10px -80px;
    text-indent: -999em;
    cursor: pointer
}

.comments-score .bad-words .close-words {
    background-position: -25px -80px
}

.comments-score .product-parameter {
    float: left;
    width: 220px;
    margin: 24px 0 0;
    padding: 0 0 0 30px;
    border-left: 1px solid #e6e6e6;
    line-height: 22px
}

.comments-score .product-parameter li {
    height: 22px;
    overflow: hidden;
    color: #666
}

.comments-score .product-parameter span {
    color: #999
}

.comments-score-notes-small {
    position: absolute;
    z-index: 3;
    left: 80px;
    top: 10px;
    width: 23px;
    height: 23px
}

.comments-score-notes-small i {
    display: block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    background-position: -104px -77px;
    cursor: pointer
}

.comments-score-notes-small p {
    display: none;
    position: absolute;
    left: 22px;
    top: -10px;
    width: 320px;
    padding: 12px 5px 12px 15px;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1)
}

.comments-score-notes-small-hover p {
    display: block
}

.comments-score-notes {
    position: relative;
    margin: 20px auto -21px;
    width: 672px;
    padding: 8px 16px 8px 30px;
    color: #666;
    background: #fafafa
}

.comments-score-notes i {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 12px;
    height: 12px;
    background-position: -104px -77px
}

.comments-score-new {
    margin-bottom: 20px;
    zoom: 1;
    font-family: 'Microsoft YaHei', arial
}

.comments-score-new .comments-words {
    clear: both
}

.comments-score-new .total-score {
    display: inline;
    float: left;
    width: 128px;
    height: 110px;
    padding: 18px 0 0;
    margin: 46px 0 0 20px;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 13
}

.comments-score-new .total-score strong {
    display: block;
    margin: 0 0 3px;
    font-weight: 400;
    font-size: 36px;
    line-height: 50px;
    text-align: center
}

.comments-score-new .total-score .new-star {
    margin: 0 auto
}

.comments-score-new .total-score .rec-ico, .comments-score-new .total-score .rec-ico2 {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 58px;
    height: 57px;
    background-position: 0 -162px
}

.comments-score-new .total-score .rec-ico2 {
    background-position: 0 -222px
}

.comments-score-new .comments-words {
    margin: 20px 20px 0;
    padding-bottom: 10px;
    border-top: 1px solid #f0f0f0
}

.comments-score-new .comments-words .words-tips {
    margin: 14px 0 10px;
    font-size: 14px;
    line-height: 26px
}

.comments-score-new .words-tips strong {
    color: #f60;
    font-weight: 400
}

.comments-score-new .words-list li {
    position: relative;
    float: left;
    margin: 0 10px 10px 0
}

.comments-score-new .words-list a {
    float: left;
    height: 24px;
    padding: 0 9px;
    border: 1px solid #fc9;
    color: #f60;
    line-height: 24px;
    text-decoration: none;
    white-space: nowrap;
    outline: 0 none
}

.comments-score-new .good-words .active, .comments-score-new .good-words a:hover {
    background-color: #fff9e5;
    color: #f60;
    text-decoration: none
}

.comments-score-new .bad-words a {
    border-color: #8cdac1;
    color: #096
}

.comments-score-new .bad-words .active, .comments-score-new .bad-words a:hover {
    border-color: #a7dba7;
    background: #f2fbf8;
    color: #408040
}

.comments-score-new .comments-words .close-words {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-position: -10px -80px;
    text-indent: -999em;
    cursor: pointer
}

.comments-score-new .bad-words .close-words {
    background-position: -25px -80px
}

.comments-score-new .product-parameter {
    float: left;
    width: 220px;
    margin: 24px 0 0;
    padding: 0 0 0 30px;
    border-left: 1px solid #e6e6e6;
    line-height: 22px
}

.comments-score-new .product-parameter li {
    height: 22px;
    overflow: hidden;
    color: #666
}

.comments-score-new .product-parameter span {
    color: #999
}

.comments-score-new .total-num {
    position: relative;
    z-index: 3;
    height: 24px;
    margin: 5px 0 0;
    line-height: 24px;
    color: #999;
    text-align: center
}

.comments-score-new .total-num a {
    color: #333
}

.comments-score-new .total-num a:hover {
    color: #aaa;
    text-decoration: underline
}

.comments-score-new-notes-small {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.comments-score-new-notes-small i {
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background-position: -22px -70px;
    cursor: pointer
}

.comments-score-new .comments-level {
    display: none;
    position: absolute;
    left: -11px;
    top: 22px;
    padding: 10px 15px 15px;
    background: #fff;
    color: #666;
    font-family: 'Microsoft YaHei', arial;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1)
}

.comments-score-new .comments-level li {
    position: relative;
    height: 100%;
    width: 150px;
    padding: 0 42px 0 45px;
    margin: 5px 0 0;
    line-height: 14px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left
}

.comments-score-new .comments-level b {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    text-align: right;
    font-weight: 400;
    padding: 0 5px 0 0
}

.comments-score-new .comments-level .rate-bar {
    position: relative;
    width: 100%;
    height: 14px;
    background: #f0f0f0
}

.comments-score-new .comments-level .rate-bar em {
    display: block;
    height: 14px
}

.comments-score-new .comments-level var {
    position: absolute;
    top: 1px;
    right: -48px;
    width: 42px;
    height: 14px;
    padding: 0 0 0 6px;
    text-align: left;
    color: #999;
    font-style: normal
}

.comments-score-new-notes-small-hover .comments-level {
    display: block
}

.comments-score-new-notes-small-hover i {
    background-position: -22px -70px
}

.comments-score-new-notes {
    position: relative;
    margin: 20px 20px -21px;
    padding: 8px 16px 8px 30px;
    color: #666;
    background: #fafafa
}

.comments-score-new-notes i {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 13px;
    height: 13px;
    background-position: -85px -115px
}

.features-score {
    position: relative;
    float: left;
    width: 375px;
    padding: 61px 20px 24px 40px;
    height: 96px
}

.features-score .y-axis {
    position: absolute;
    left: 14px;
    bottom: 13px;
    width: 26px;
    overflow: hidden;
    text-align: center
}

.features-score .y-axis b {
    display: block;
    height: 19px;
    line-height: 19px;
    font-weight: 400;
    color: #999
}

.features-score .x-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.features-score .x-line div {
    padding: 44px 10px 24px 40px;
    height: 113px
}

.features-score .x-line i {
    display: block;
    height: 18px;
    border-bottom: 1px solid #f0f0f0
}

.features-score .x-line .last {
    border: 0 none
}

.features-score .canvas {
    position: relative;
    z-index: 2;
    height: 96px;
    border-bottom: 1px solid #e0e0e0
}

.features-score .canvas li {
    position: relative;
    float: left;
    height: 96px;
    width: 55px;
    text-align: center
}

.features-score .bar-4 li {
    width: 68px
}

.features-score .bar-5 li {
    width: 75px
}

.features-score .bar-6 li {
    width: 45px
}

.features-score .canvas li .bar {
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 16px;
    background: #7dadfa;
    margin: 0 0 0 -8px;
    background: url(../image/bar.png) 0 bottom no-repeat
}

.features-score .canvas li .bar-empty {
    background: #f5f5f5
}

.features-score .canvas li var {
    position: absolute;
    left: 50%;
    top: -20px;
    width: 30px;
    height: 20px;
    line-height: 20px;
    font-style: normal;
    margin-left: -15px
}

.features-score .canvas li .name {
    position: absolute;
    left: 0;
    bottom: -24px;
    height: 24px;
    line-height: 24px;
    width: 100%;
    color: #999
}

.no-detail-score {
    float: left;
    width: 334px;
    margin: 34px 0 0
}

.comments-score-new .no-detail-score .comments-level {
    display: block;
    position: static;
    border: 0 none;
    box-shadow: none
}

.comments-score-new .no-detail-score .comments-level li {
    width: 200px;
    height: 16px;
    padding-left: 50px;
    line-height: 16px;
    margin-top: 14px
}

.comments-score-new .no-detail-score .comments-level b {
    width: 45px;
    font-size: 14px
}

.comments-score-new .no-detail-score .comments-level .rate-bar {
    background: #f0f0f0
}

.comments-score-new .no-detail-score .comments-level .rate-bar em {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 14px
}

.comments-box {
    position: relative;
    zoom: 1;
    float: left;
    width: 331px;
    margin: 20px 0 0;
    padding: 12px 20px 20px 20px;
    border-left: 1px solid #f0f0f0;
    font-family: 'Microsoft YaHei', arial
}

.comments-box .comments-box-title {
    height: 26px;
    line-height: 26px;
    font-size: 14px
}

.comments-box .comments-default-score {
    font-size: 12px;
    line-height: 22px
}

.comments-box .comments-default-score span {
    float: left
}

.comments-box .comments-default-score b {
    color: #f33
}

.comments-box .comments-default-score .want-buy-btn {
    position: relative;
    float: right;
    width: 34px;
    height: 20px;
    padding: 0 0 0 24px;
    border: 1px solid #f60;
    border-radius: 10px;
    background-color: #fff;
    color: #f60;
    line-height: 20px;
    cursor: pointer
}

.comments-box .comments-default-score .want-buy-btn i {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 12px;
    height: 11px;
    background-position: -44px -74px
}

.comments-box .comments-default-score .want-buy-btn:hover, .comments-box .comments-default-score .wanted {
    background-color: #f60;
    color: #fff
}

.comments-box .comments-default-score .want-buy-btn:hover i, .comments-box .comments-default-score .wanted i {
    background-position: -58px -74px
}

.comments-box .short-review-star {
    float: left;
    width: 104px;
    height: 18px;
    overflow: hidden;
    margin: 2px 5px 0 0;
    background-position: 0 -46px
}

.comments-box .short-review-star div {
    float: left;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin: 0 2px 0 0;
    cursor: pointer
}

.comments-box .short-review-star .active {
    background-position: 0 0
}

.comments-box .writebox {
    position: relative;
    height: 56px;
    padding: 8px 0 0
}

.comments-box textarea {
    display: block;
    width: 309px;
    height: 40px;
    overflow-y: auto;
    padding: 7px 10px;
    outline: 0 none;
    resize: none;
    border: 1px solid #e7e7e7;
    color: #ccc;
    font: 400 14px/20px 'Microsoft YaHei', arial
}

.comments-box textarea.warning {
    background: #F3BDAD;
    border: 1px solid #DE6C49 !important
}

.comments-box .focus, .comments-box textarea:focus {
    border-color: #30C37E;
    color: #333
}

.writebox .write-footer {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    padding: 10px 0 0;
    background-color: #fff
}

.write-footer .write-btns {
    height: 26px;
    line-height: 26px
}

.write-footer .write-btns .publish-btn {
    float: right;
    width: 56px;
    height: 26px;
    margin: 0 0 0 10px;
    background-color: #30C37E;
    text-align: center;
    color: #fff;
    font: 400 14px/26px 'Microsoft YaHei', arial;
    border-radius: 2px;
    cursor: pointer
}

.write-footer .write-btns .publish-btn:hover {
    background-color: #00a39E
}

.write-footer .write-btns .word-num {
    float: right;
    color: #999
}

.write-footer p {
    display: none;
    height: 28px;
    line-height: 28px;
    text-align: right
}

.write-footer p a {
    color: #f60
}

.comments-box .writebox {
    z-index: 2
}

.write-show .write-footer {
    display: block
}

.comments-box .comments-box-button {
    padding: 10px 0 0
}

.comments-box .btn-post {
    float: left;
    width: 90px;
    height: 34px;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 1px;
    border: 0 none;
    outline: 0 none;
    background: #30C37E;
    color: #fafafa;
    font: 400 14px/34px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.comments-box .btn-post:hover {
    background: #00a39E
}

.comments-box .btn-advanced {
    float: left;
    height: 26px;
    padding: 0 10px 0 25px;
    margin: 0 6px 0 0;
    overflow: hidden;
    border-radius: 1px;
    background-color: #f60;
    color: #fff;
    font: 400 14px/26px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    background-position: -77px -87px
}

.comments-box .btn-advanced:hover {
    background-color: #f04000;
    text-decoration: none;
    color: #fff
}

.comments-box .error-tips {
    position: relative;
    float: left;
    height: 22px;
    margin: 1px 0 0 0;
    padding: 0 10px;
    border: 1px solid #fdb07d;
    background: #fff7f2;
    font-size: 12px;
    line-height: 22px
}

.comments-box .error-tips a {
    color: #f60
}

.comments-box .error-tips a:hover {
    color: #aaa
}

.comments-box .error-tips .icon {
    position: absolute;
    top: 7px;
    left: -5px;
    width: 5px;
    height: 8px;
    overflow: hidden;
    background-position: -93px -75px
}

.comments-box .error-tips .dou {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px 0 0 2px;
    vertical-align: top;
    background-position: -72px -74px
}

.comments-post {
    position: relative;
    zoom: 1;
    margin: 20px 0 0;
    padding: 15px 20px 20px 80px;
    border: 1px solid #e6e6e6;
    background: #f2f9ff;
    font-family: 'Microsoft YaHei', arial
}

.comments-post .comments-post-face {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.comments-post .comments-post-face img {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    vertical-align: middle
}

.comments-post-labels {
    position: absolute;
    left: 20px;
    top: 15px;
    width: 60px;
    overflow: hidden
}

.comments-post-labels label {
    display: block;
    height: 24px;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 14px
}

.comments-post-labels label b {
    font-size: 12px;
    color: #f33
}

.comments-post .comments-default-score {
    font-size: 12px;
    line-height: 24px
}

.comments-post .comments-default-score span {
    float: left
}

.comments-post .comments-default-score b {
    color: #f33
}

.comments-post .short-review-star {
    float: left;
    width: 85px;
    height: 14px;
    overflow: hidden;
    margin: 4px 2px 0 0;
    background-position: 0 -40px
}

.comments-post .short-review-star div {
    float: left;
    width: 15px;
    height: 15px;
    overflow: hidden;
    margin: 0 1px 0 0;
    cursor: pointer
}

.comments-post .short-review-star .active {
    background-position: 0 -20px
}

#defaultScoreTip {
    color: #999
}

.no-score-tip {
    float: left;
    position: relative;
    border: 1px solid #fdb07d;
    background: #fff7f2;
    height: 22px;
    line-height: 22px;
    padding: 0 8px
}

.no-score-tip i {
    position: absolute;
    top: 7px;
    left: -5px;
    width: 5px;
    height: 8px;
    overflow: hidden;
    background-position: -65px -40px;
    color: #f33 !important
}

.comments-post textarea {
    display: block;
    width: 636px;
    height: 48px;
    box-sizing: content-box;
    overflow-y: auto;
    margin: 10px 0 0;
    padding: 2px 10px;
    outline: 0 none;
    resize: none;
    border: 1px solid #ccc;
    color: #ccc;
    font: 400 14px/24px 'Microsoft YaHei', arial
}

.comments-post .focus {
    border: 1px solid #30C37E;
    color: #333;
    background: #fff
}

.comments-post .comments-post-button {
    margin: 10px 0 0
}

.comments-post .btn-post {
    float: left;
    width: 90px;
    height: 34px;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 1px;
    border: 0 none;
    outline: 0 none;
    background: #30C37E;
    color: #fafafa;
    font: 400 14px/34px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.comments-post .btn-post:hover {
    background: #00a39E
}

.comments-post .btn-advanced {
    float: left;
    width: 88px;
    height: 32px;
    margin: 0 10px 0 0;
    overflow: hidden;
    border-radius: 1px;
    border: 1px solid #f60;
    background: #f60;
    color: #fff;
    font: 400 14px/32px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.comments-post .btn-advanced:hover {
    background: #f04000;
    border-color: #f04000;
    text-decoration: none;
    color: #fff
}

.comments-post .error-tips {
    display: none;
    position: relative;
    float: left;
    height: 22px;
    margin: 5px 10px 0 0;
    padding: 0 10px;
    border: 1px solid #fdb07d;
    background: #fff7f2;
    font-size: 12px;
    line-height: 22px
}

.comments-post .error-tips a {
    color: #f60
}

.comments-post .error-tips a:hover {
    color: #aaa
}

.comments-post .error-tips .icon {
    position: absolute;
    top: 7px;
    left: -5px;
    width: 5px;
    height: 8px;
    overflow: hidden;
    background-position: -95px -96px
}

#J_AdvTip {
    display: block
}

#J_AdvTip a {
    padding-right: 16px;
    margin: 0 3px;
    color: #0a50a1
}

#J_AdvTip a:hover {
    color: #aaa
}

.comments-post .upload-status {
    display: none;
    float: left;
    position: relative;
    margin-top: -3px;
    padding: 0 0 0 20px;
    height: 18px;
    overflow: hidden;
    color: #999
}

.comments-post .upload-status .icon {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 13px;
    overflow: hidden;
    background-position: -75px -40px
}

.comments-post .uploader {
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.uploader .swf {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100px;
    height: 60px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.uploader:hover .upload-pic {
    color: #aaa;
    text-decoration: underline
}

.uploader:hover .upload-pic .icon {
    background-position: 0 -60px
}

.comments-post .upload-before {
    position: relative;
    float: left;
    padding: 7px 0 0;
    width: 100px;
    height: 18px;
    margin-top: -44px;
    overflow: hidden;
    visibility: hidden
}

.comments-post .upload-before .uploader {
    margin: 0;
    height: 18px
}

.comments-post .upload-pic {
    line-height: 18px;
    position: relative;
    cursor: pointer
}

.comments-post .upload-pic span {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    cursor: pointer;
    height: 18px;
    overflow: hidden
}

.comments-post .upload-pic .icon {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 13px;
    overflow: hidden;
    background-position: 0 -40px
}

.comments-post .upload-before .add-upload-pic {
    display: none
}

.comments-post .upload-pic-list .upload-pic {
    display: none
}

.comments-post .upload-pic-list .uploader {
    margin: 12px 0 0;
    width: 80px;
    height: 60px
}

.comments-post .upload-pic-list {
    position: static;
    float: none;
    width: auto;
    height: auto;
    margin: 10px 0 0;
    zoom: 1;
    border-top: 1px solid #e6e6e6
}

.comments-post .upload-pic-list li {
    position: relative;
    float: left;
    width: 80px;
    height: 60px;
    float: left;
    margin: 12px 7px 0 0
}

.comments-post .upload-pic-list .closed-icon:hover {
    background-position: 3px -20px
}

.comments-post .upload-pic-list .add-upload-pic {
    display: block;
    position: relative;
    width: 78px;
    height: 58px;
    overflow: hidden;
    border: 1px dashed #e0e0e0;
    background: #f9f9f9;
    cursor: pointer
}

.comments-post .add-upload-pic .vline {
    position: absolute;
    left: 37px;
    top: 14px;
    width: 3px;
    height: 29px;
    overflow: hidden;
    background-color: #ccc
}

.comments-post .add-upload-pic .hline {
    position: absolute;
    left: 24px;
    top: 27px;
    width: 29px;
    height: 3px;
    overflow: hidden;
    background-color: #ccc;
    font: 0/0 arial
}

.comments-post .upload-pic-list li:hover .add-upload-pic {
    border: 1px dashed #999;
    background-color: #e6e6e6
}

.comments-post li:hover .add-upload-pic b {
    background-color: #999
}

.upload-pic-tips {
    height: 18px;
    line-height: 18px;
    color: #999
}

.upload-pic-tips span {
    color: #666
}

#postSuccessTips {
    position: absolute;
    border: 3px solid #6aaaeb;
    background: #fff;
    color: #666;
    z-index: 100001
}

#postSuccessTips .post-tips-inner {
    padding: 0 10px;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.icon-postsuc {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    font: 0/0 arial;
    background-position: -154px -191px;
    vertical-align: middle
}

.my-comment-button {
    float: right;
    width: 104px;
    height: 44px;
    margin: -44px 0 0;
    position: relative;
    z-index: 5
}

.my-comment-link {
    display: block;
    width: 84px;
    height: 30px;
    margin: 7px 0 0;
    text-align: center;
    background: #30C37E;
    font: 14px/30px 'Microsoft YaHei', arial;
    color: #fff
}

.my-comment-link:hover {
    color: #fff;
    background: #00a39E;
    text-decoration: none
}

.my-comment-status {
    position: absolute;
    top: 3px;
    left: -49px;
    width: 41px;
    height: 17px;
    background: #f60;
    color: #fff;
    font: 12px/17px 'Microsoft YaHei', arial;
    text-align: center
}

.my-comment-status i {
    position: absolute;
    right: -5px;
    top: 6px;
    border-width: 3px;
    border-style: solid;
    border-color: #fafafa #fafafa #f60 #f60;
    width: 0;
    height: 0;
    font: 0/0 arial;
    overflow: hidden;
    background-position: -65px -80px
}

.my-comment-tips {
    position: absolute;
    top: 43px;
    right: 14px;
    width: 181px;
    height: 36px;
    padding: 7px 7px 7px 53px;
    background: #fff;
    border: 1px solid #ff8533
}

.my-comment-tips i {
    position: absolute;
    right: 42px;
    top: -6px;
    width: 11px;
    height: 6px;
    background-position: -65px -80px
}

.my-comment-tips em {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 33px;
    height: 31px;
    background-position: -10px -95px
}

.my-comment-tips-close {
    position: absolute;
    right: -9px;
    top: -9px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer
}

.my-comment-tips-close:hover {
    background-position: 0 -20px
}

.comments-breadcrumbs .my-comment-button {
    margin: 0;
    width: 84px;
    height: 34px
}

.comments-breadcrumbs .my-comment-link {
    margin: 2px 0 0
}

.comments-breadcrumbs .my-comment-tips {
    right: -1px;
    line-height: 18px
}

.comments-breadcrumbs .my-comment-tips a {
    float: none;
    font-size: 12px
}

.comment-item {
    position: relative;
    zoom: 1;
    margin: 20px 0 20px;
    border: 1px solid #e6e6e6;
    font-family: 'Microsoft YaHei', arial;
    padding-bottom: 20px
}

.comment-item .post-btn {
    display: block;
    width: 90px;
    height: 34px;
    overflow: hidden;
    margin: 16px auto 0;
    border-radius: 2px;
    border: 0 none;
    outline: 0 none;
    background: #30C37E;
    color: #fafafa;
    font: 400 14px/34px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.comment-item .post-btn:hover {
    background: #00a39E;
    text-decoration: none
}

.comment-item .comments-user {
    overflow: hidden;
    margin: 0 20px;
    padding: 20px 0 10px;
    border-bottom: 2px solid #30C37E
}

.comment-item .comments-user img {
    -webkit-border-radius: 25px;
    border-radius: 25px;
    vertical-align: top
}

.comment-item .comments-user .face {
    float: left;
    margin: 0 10px 0 0
}

.comment-item .comments-user .post-btn {
    float: right
}

.comment-item .comments-user-name {
    overflow: hidden;
    zoom: 1;
    margin: 4px 0 0
}

.comment-item .comments-user-name a {
    height: 18px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px
}

.comment-item .comments-user-name strong {
    font-size: 14px;
    font-weight: 400
}

.comment-item .comments-user-name p {
    height: 18px;
    overflow: hidden;
    margin: 4px 0 0;
    color: #999;
    line-height: 18px
}

.comment-item .comments-list-content {
    padding: 18px 0 0
}

.comment-item .single-score {
    padding: 0 20px;
    color: #666;
    line-height: 18px
}

.comment-item .single-score .empty-score {
    color: #999
}

.comment-item .single-score .date {
    float: right;
    color: #999
}

.comment-item .single-score .star {
    float: left;
    margin: 1px 5px 0 0
}

.comment-item .comments-content {
    padding: 20px 20px 0
}

.comment-item .comments-content h3 {
    padding: 10px 0 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.comment-item .comments-content .source {
    color: #999;
    font-size: 12px
}

.comment-item .icon-from-android, .comment-item .icon-from-ios, .comment-item .icon-from-shop, .comment-item .icon-from-wap {
    padding: 1px 0 1px 18px
}

.comment-item .icon-from-wap {
    background-position: 0 -56px
}

.comment-item .icon-from-ios {
    background-position: 0 -37px
}

.comment-item .icon-from-android {
    background-position: 0 -17px
}

.comment-item .icon-from-shop {
    background-position: 0 0
}

.comment-item .comments-words {
    position: relative;
    zoom: 1;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 24px
}

.comment-item .comments-words strong {
    float: left;
    width: 45px
}

.comment-item .comments-words p {
    overflow: hidden;
    zoom: 1
}

.comment-item .comments-words .highlight {
    color: #f33
}

.comment-item .view-more {
    display: none;
    overflow: hidden;
    zoom: 1;
    height: 18px;
    margin: 9px 0 0
}

.comment-height-limit .content-inner {
    position: relative;
    overflow: hidden;
    zoom: 1
}

.comment-item .view-more a {
    position: relative;
    zoom: 1;
    float: left;
    padding: 0 15px 0 0;
    font-size: 14px;
    line-height: 18px
}

.comment-item .view-more .icon-darr {
    position: absolute;
    top: 7px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -31px -105px
}

.comment-item .view-more .icon-uarr {
    position: absolute;
    top: 7px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -41px -105px
}

.comment-item .view-more a:hover {
    color: #aaa
}

.comment-item .view-more a:hover .icon-darr {
    background-position: -31px -95px
}

.comment-item .view-more a:hover .icon-uarr {
    background-position: -41px -95px
}

.comment-item .media-group {
    margin-bottom: 25px;
    padding: 6px 0 0
}

.comment-item .media-group li {
    position: relative;
    float: left;
    width: 80px;
    height: 60px;
    margin: 5px 5px 0 0;
    border: 1px solid #f8f8f8;
    overflow: hidden
}

.comment-item .media-group img {
    vertical-align: top
}

.comment-item .media-group .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px
}

.comment-item .newer-comment {
    margin: 11px 0 0;
    border-top: 1px dashed #E9E9E9
}

.comment-item .newer-comment dt {
    margin: 9px 0 0;
    height: 30px;
    color: #f33;
    font: 700 14px/30px 'Microsoft YaHei', arial;
    overflow: hidden
}

.comment-item .newer-comment dt span {
    float: left;
    margin-right: 5px
}

.comment-item .newer-comment dt em {
    float: left;
    height: 18px;
    padding: 0 4px;
    margin: 6px 0 0 0;
    font: 12px/18px 'Microsoft YaHei', arial;
    color: #fff;
    background: #f60
}

.comment-item .newer-comment dd {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    zoom: 1
}

.comment-item .func-handle {
    margin: 25px 0 0
}

.comment-no-score .total-no-score {
    font-size: 30px;
    line-height: 36px;
    color: #ccc;
    text-align: center
}

.comment-no-score .features-score .canvas .bar {
    height: 100%;
    background: #e6e6e6
}

.comment-no-score .features-score .canvas var {
    display: none
}

.review-comments-score .comments-box {
    width: 472px
}

.review-comments-score .comments-box textarea {
    width: 450px
}

.latest-goodlist {
    padding: 0 15px
}

.latest-goodlist li {
    position: relative;
    height: 40px;
    padding: 20px 0 20px 60px;
    overflow: hidden;
    line-height: 20px;
    border-top: 1px solid #f0f0f0
}

.latest-goodlist .first {
    border: 0 none
}

.latest-goodlist li div {
    height: 40px;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word
}

.latest-goodlist .face {
    position: absolute;
    top: 15px;
    left: 0;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.latest-goodlist .face img {
    display: block;
    border-radius: 25px
}

.latest-goodlist span {
    color: #999
}

.latest-goodlist a {
    color: #333
}

.latest-goodlist a:hover {
    color: #aaa
}

.essence-icon {
    position: absolute;
    top: -4px;
    right: 88px;
    width: 28px;
    height: 32px;
    text-align: center;
    color: #fff;
    line-height: 24px;
    padding: 0 3px 0 0;
    background-position: -50px -95px
}

.section-content .essence-icon {
    right: 37px
}

.comment-detail .essence-icon {
    right: 17px
}

.edit-rec-icon {
    position: absolute;
    top: 30px;
    right: 68px;
    width: 60px;
    height: 60px;
    text-indent: -99em;
    overflow: hidden;
    background-position: 0 -99px
}

.comment-item-rec .comments-user-name a {
    font-size: 16px
}

.comment-item-rec .comments-user-name .edit-tag {
    display: inline-block;
    height: 18px;
    padding: 0 3px;
    margin: 0 0 0 5px;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #30C37E;
    color: #30C37E
}

.comment-item-rec .comments-list-content {
    padding-top: 4px !important
}

.comment-item-rec .comments-words strong {
    float: none;
    display: block
}

.comment-item-rec .single-score {
    margin: 0 0 -32px;
    padding: 14px 20px 0
}

.comment-list .comment-item-rec .edit-rec-icon {
    top: 10px;
    right: 98px
}

.comment-list .comment-item-rec .comments-user-name .edit-tag {
    margin: 5px 0 0
}

.comment-item .unvalidate {
    display: none
}

.empty-comments-detail .total-score span {
    display: block;
    text-align: center;
    margin: 22px 0 0
}

.empty-comments-tip {
    float: right;
    width: 378px;
    margin: 20px 0 0
}

.empty-comments-tip p {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.empty-comments-tip .btn-advanced {
    float: left;
    width: 88px;
    height: 32px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 1px;
    border: 1px solid #f60;
    background: #f60;
    color: #fff;
    font: 400 14px/32px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.empty-comments-tip .btn-advanced:hover {
    background: #f04000;
    border-color: #f04000;
    text-decoration: none;
    color: #fff
}

.empty-comments-tip .error-tips {
    position: relative;
    float: left;
    height: 22px;
    margin: 15px 10px 0 0;
    padding: 0 10px;
    border: 1px solid #fdb07d;
    background: #fff7f2;
    font-size: 12px;
    line-height: 22px
}

.empty-comments-tip .error-tips a {
    padding-right: 16px;
    margin: 0 3px;
    color: #0a50a1
}

.empty-comments-tip .error-tips a:hover {
    color: #aaa
}

.empty-comments-tip .error-tips .icon {
    position: absolute;
    top: 7px;
    left: -5px;
    width: 5px;
    height: 8px;
    overflow: hidden;
    background-position: -95px -96px
}

.empty-comments {
    height: 234px;
    padding-top: 1px;
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    color: #999;
    font: 400 14px/18px 'Microsoft YaHei', arial;
    text-align: center
}

.empty-comments .icon {
    display: block;
    width: 62px;
    height: 52px;
    overflow: hidden;
    margin: 50px auto 17px;
    font: 400 0/0 arial
}

.advanced-score-tip, .advanced-star div, .axstar, .axstar em, .cselect-box .icon-select, .line i, .side-panel-close span, .validate i {
    background-image: url(../image/pingfeng.png);
    background-repeat: no-repeat
}

.side-panel-overlay {
    height: 100%;
    width: 100%
}

.side-panel-overlay #fixedTagNav {
    margin-left: -508px
}

.side-panel-overlay .baidu_share_box {
    margin-left: -558px
}

.side-panel-overlay #feedBackWidget {
    margin-left: 512px
}

.side-panel-overlay #fixedPosterBox {
    left: -8px
}

.side-panel-overlay body {
    height: 100%;
    overflow: hidden;
    margin: 0 17px 0 0
}

.side-panel {
    position: fixed;
    right: -1010px;
    top: 0;
    z-index: 9999;
    width: 815px;
    height: 100%;
    background: #f7f8fa;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    transition: .2s
}

.side-panel-mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=1)
}

#panelLoading {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px
}

.side-panel-content {
    padding: 0 0 0 70px;
    position: relative
}

.side-panel-close {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 50px;
    height: 50px;
    background: #30C37E;
    cursor: pointer
}

.side-panel-close span {
    display: block;
    width: 11px;
    height: 21px;
    margin: 15px auto 0;
    background-position: 0 -138px;
    text-indent: -9999em;
    overflow: hidden;
    -webkit-user-select: none
}

.side-panel-close:hover {
    background: #00a39E
}

.side-panel-content {
    height: 100%;
    overflow: auto
}

.require-sign {
    color: #f60;
    font-size: 12px;
    font-family: simsun, Simsun
}

.require-text {
    color: #f60
}

.advanced-comment-header {
    margin-top: 20px;
    height: 34px;
    overflow: hidden
}

.advanced-comment-header h3 {
    float: left;
    height: 34px;
    margin: 0 8px 0 0;
    overflow: hidden;
    font: 22px/32px 'Microsoft YaHei', arial;
    color: #333
}

.advanced-comment-header span {
    float: left;
    height: 22px;
    margin: 10px 0 0 0;
    overflow: hidden;
    font: 12px/22px 'Microsoft YaHei', arial;
    color: #666
}

.advanced-comment-box {
    padding: 9px 0 30px
}

.buy-status {
    margin: 15px 0 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    zoom: 1
}

.buy-status strong {
    float: left;
    width: 84px;
    padding: 0 8px 0 0;
    height: 30px;
    font: 14px/30px 'Microsoft YaHei', arial;
    text-align: right;
    color: #333
}

.buy-status label {
    float: left;
    position: relative;
    height: 24px;
    line-height: 24px;
    margin: 3px 30px 0 0;
    padding: 0 0 0 18px;
    zoom: 1;
    font-size: 14px
}

.buy-status label span {
    color: #999
}

.buy-status label em {
    color: #f60
}

.buy-status label input {
    position: absolute;
    left: 0;
    top: 6px
}

.buyed-item {
    height: 34px;
    margin: 15px 0 0
}

.buyed-item span {
    float: left;
    line-height: 34px;
    color: #666;
    font-size: 14px
}

.buyed-item label {
    float: left;
    width: 84px;
    padding: 0 8px 0 0;
    color: #666;
    line-height: 34px;
    text-align: right;
    font-size: 14px
}

.cselect-box {
    float: left;
    height: 34px;
    position: relative;
    margin-right: 10px
}

.cselect-box .cselected {
    position: relative;
    zoom: 1;
    height: 32px;
    line-height: 32px;
    padding: 0 25px 0 10px;
    background: #fff;
    border: 1px solid #dbdbdb;
    cursor: default;
    color: #333
}

.cselected input {
    float: left;
    padding: 6px 0;
    height: 20px;
    line-height: 20px;
    border: 0 none;
    vertical-align: top;
    outline: 0 none;
    font-family: 'Microsoft YaHei', arial;
    font-size: 14px
}

.cselect-box .icon-select {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 32px;
    background-position: 100% -140px;
    cursor: default
}

.cselect-option {
    display: none;
    position: absolute;
    left: 0;
    bottom: 33px;
    border: 1px solid #dbdbdb;
    background: #fff
}

.cselect-list {
    padding: 2px 0 0
}

.cselect-list li {
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    cursor: default;
    overflow: hidden
}

.cselect-list li:hover {
    background: #f0f0f0
}

.label-year {
    margin-right: 9px
}

.cselect-box-on {
    z-index: 10
}

.cselect-box-on .cselect-option {
    display: block
}

.buyed-product input {
    width: 283px
}

.year-select input {
    width: 41px
}

.month-select input {
    width: 27px
}

.year-select .cselect-option {
    width: 76px
}

.month-select .cselect-option {
    width: 62px;
    height: 144px;
    overflow: auto
}

.buyed-price input {
    float: left;
    padding: 6px 10px;
    margin-right: 10px;
    width: 100px;
    height: 20px;
    font: 14px/20px 'Microsoft YaHei', arial;
    color: #333;
    border: 1px solid #dbdbdb
}

.buyed-city input {
    width: 138px;
    white-space: nowrap
}

.buyed-price span {
    margin-right: 30px
}

.buyed-product .cselect-option {
    width: 318px
}

.buyed-city .cselect-option {
    width: 175px;
    border: 0 none
}

.buyed-city .cselect-option .cselect-option-inner {
    position: relative;
    width: 173px;
    height: 300px;
    border: 1px solid #dbdbdb;
    overflow-x: hidden;
    overflow-y: auto
}

.city-select-tip {
    padding: 10px 0 4px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #999
}

.province {
    padding: 0 0 0 27px;
    width: 130px;
    position: relative;
    zoom: 1;
    overflow: hidden
}

.province strong {
    position: absolute;
    left: 5px;
    top: 1px;
    width: 20px;
    height: 22px;
    text-align: center;
    font: 16px/22px arial;
    color: #666;
    overflow: hidden
}

.province ul {
    overflow: hidden;
    zoom: 1;
    width: 140px
}

.province li {
    float: left;
    width: 60px;
    height: 22px;
    line-height: 22px;
    padding: 1px 0
}

.citys-lv2-select a, .province li a {
    float: left;
    padding: 0 5px;
    color: #333;
    text-decoration: none
}

.citys-lv2-select a:hover, .province li a:hover {
    background: #f0f0f0;
    color: #333;
    text-decoration: none
}

.citys-lv2-select {
    position: absolute;
    left: 174px;
    top: 0;
    width: 152px;
    height: 300px;
    border: 1px solid #dbdbdb;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto
}

.citys-lv2-select strong {
    display: block;
    padding: 0 10px;
    height: 24px;
    background: #f0f0f0;
    font: 16px/24px arial
}

.citys-lv2-select .citys-lv2-list {
    zoom: 1;
    padding: 5px 5px 5px 10px;
    overflow: hidden
}

.citys-lv2-select a {
    float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    white-space: nowrap
}

.section-score {
    position: relative;
    margin: 15px 0 0 92px;
    border: 1px solid #dcdcdc;
    width: 576px;
    background: #fff
}

.section-score .score-pet {
    position: absolute;
    left: -92px;
    top: -1px;
    width: 84px;
    padding: 0 8px 0 0;
    height: 34px;
    font: 14px/34px 'Microsoft YaHei', arial;
    text-align: right;
    color: #666
}

.section-score .advanced-score-tip {
    position: absolute;
    left: 248px;
    top: 65px;
    width: 112px;
    height: 48px;
    background-position: 0 0
}

.ascore-item-four .advanced-score-tip {
    top: 38px
}

.section-score .line {
    float: left;
    position: relative;
    margin: 15px 35px 0 0;
    width: 12px;
    height: 182px;
    border-right: 1px solid #ebebeb
}

.section-score .line i {
    position: absolute;
    left: 12px;
    top: 85px;
    width: 8px;
    height: 15px;
    background-position: 0 -116px
}

.ascore-item-four .line {
    height: 118px
}

.ascore-item-four .line i {
    top: 55px
}

.ascore-item {
    float: left;
    width: 365px;
    padding: 10px 0 10px 10px
}

.ascore-item li {
    height: 28px;
    padding: 2px 0;
    overflow: hidden;
    zoom: 1;
    font: 14px/2 'Microsoft YaHei', arial
}

.ascore-item strong {
    float: left;
    width: 85px;
    padding: 0 5px 0 0;
    color: #666;
    font-weight: 400;
    text-align: right
}

.advanced-star {
    float: left;
    height: 21px;
    overflow: hidden;
    margin: 2px 40px 0 0
}

.advanced-star div {
    float: left;
    width: 22px;
    height: 21px;
    margin: 0 2px 0 0;
    overflow: hidden;
    cursor: pointer;
    background-position: 0 -81px
}

.advanced-star .active {
    background-position: 0 -58px
}

.ascore-item li span {
    float: left;
    white-space: nowrap;
    color: #999
}

.ascore-total {
    float: left;
    width: 118px;
    margin: 66px 0 0
}

.ascore-item-four .ascore-total {
    margin-top: 34px
}

.ascore-total .score {
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    color: #ccc;
    text-align: center
}

.ascore-total .score strong {
    margin: 0 5px 0 -2px;
    font-size: 36px;
    font-family: verdana;
    font-weight: 400
}

.ascore-total .score strong b {
    color: #f60;
    font-weight: 400
}

.ascore-total .score span {
    position: relative;
    top: -2px;
    color: #999
}

.ascore-total .axstar {
    width: 118px;
    height: 21px;
    margin-top: 5px;
    background-position: 0 -81px
}

.ascore-total .axstar em {
    display: block;
    height: 21px;
    background-position: 0 -58px
}

.section-score .validate {
    position: absolute;
    bottom: 5px;
    right: -145px;
    width: 120px
}

.section-post {
    zoom: 1
}

.section-post input, .section-post textarea {
    resize: none;
    border: 1px solid #dbdbdb;
    font: 14px/20px 'Microsoft YaHei', arial;
    padding: 6px 10px;
    vertical-align: top;
    color: #ccc;
    overflow-y: auto
}

.advanced-item {
    margin: 15px 0 0;
    padding: 0 0 0 92px;
    position: relative;
    zoom: 1
}

.advanced-item strong {
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    padding: 0 8px 0 0;
    height: 34px;
    font: 14px/34px 'Microsoft YaHei', arial;
    text-align: right;
    color: #666
}

.advanced-item .title input {
    float: left;
    width: 458px;
    height: 20px
}

.advanced-item .summary {
    float: left;
    position: relative
}

.advanced-item .summary textarea {
    float: left;
    width: 458px;
    height: 180px;
    padding: 6px 10px 10px;
    color: #333
}

.performance {
    width: 478px;
    border: 1px solid #dbdbdb;
    zoom: 1
}

.adv-advantages, .adv-disadvantages {
    background: #fafafa;
    position: relative;
    padding: 0 0 0 48px
}

.adv-advantages label, .adv-disadvantages label {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    color: #999;
    font-size: 14px
}

.adv-advantages {
    border-bottom: 1px solid #dbdbdb
}

.performance textarea {
    display: block;
    width: 409px;
    height: 40px;
    padding: 7px 10px 9px;
    border: 0 none;
    border-left: 1px solid #dbdbdb
}

.advanced-item .tel {
    float: left;
    width: 187px;
    margin-right: 10px
}

.advanced-item .tel input {
    float: left;
    width: 165px;
    height: 20px
}

.advanced-item .address {
    display: block;
    width: 458px;
    height: 20px
}

.advanced-item .focus {
    color: #333
}

.advanced-item var {
    float: left;
    padding-left: 10px;
    height: 20px;
    height: 34px;
    font: 14px/34px 'Microsoft YaHei', arial;
    color: #ccc;
    font-style: normal
}

.advanced-item .performance var, .advanced-item .summary var {
    position: absolute;
    width: 88px;
    right: -98px;
    bottom: 0
}

.upload-type-tip {
    height: 34px;
    line-height: 34px;
    color: #999;
    font-size: 14px
}

.upload-type-tip em {
    margin-left: 4px;
    color: #f60
}

.upload-pic-list {
    width: 470px;
    zoom: 1
}

.upload-pic-list li {
    position: relative;
    float: left;
    width: 80px;
    height: 60px;
    margin: 0 10px 10px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.upload-pic-list .add-upload-pic {
    position: relative;
    display: block;
    width: 78px;
    height: 58px;
    border: 1px dashed #999;
    background-color: #ebebeb
}

.upload-pic-list li:hover .add-upload-pic {
    border: 1px dashed #666;
    background-color: #dbdbdb
}

.upload-pic-list .add-upload-pic .vline {
    position: absolute;
    left: 37px;
    top: 14px;
    width: 3px;
    height: 29px;
    overflow: hidden;
    background-color: #ccc
}

.upload-pic-list .add-upload-pic .hline {
    position: absolute;
    left: 24px;
    top: 27px;
    width: 29px;
    height: 3px;
    overflow: hidden;
    background-color: #999;
    font: 0/0 arial
}

.upload-pic-list li:hover .add-upload-pic b {
    background-color: #666
}

#swfUploadPreview {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 80px;
    height: 60px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.upload-pic-tips .active-pic-tip {
    color: #f60
}

.upload-pic-list .progressCancel, .upload-pic-list .upload-pic-del {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 20px;
    height: 20px;
    text-indent: -9999em;
    overflow: hidden
}

.upload-pic-list .progressCancel:hover, .upload-pic-list .upload-pic-del:hover {
    background-position: 0 -20px
}

.upload-pic-tips {
    position: relative;
    top: -3px;
    height: 18px;
    line-height: 18px;
    color: #999;
    font-size: 14px
}

.upload-pic-tips span {
    color: #666
}

.progressBarInProgress {
    width: 80px;
    height: 24px;
    margin-top: 18px;
    font: 12px/2 arial;
    text-align: center
}

.progressBarStatus {
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #666
}

.advanced-item .upload-pic-list {
    padding-top: 0;
    width: 480px
}

.validate {
    display: none;
    position: relative;
    padding: 0 0 0 20px;
    margin: 6px 0 -4px 0;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    color: #f33;
    font-size: 14px
}

.validate i {
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    overflow: hidden
}

.validate .icon-error {
    background-position: -104px -117px
}

.advanced-tel .validate, .buyed-price .validate {
    float: left;
    margin: 0;
    height: 34px;
    line-height: 34px
}

.advanced-tel .validate i, .buyed-price .validate i {
    top: 10px
}

.advanced-submit {
    padding: 30px 0 0 93px
}

.advanced-submit button {
    border: 0 none;
    width: 110px;
    height: 36px;
    background-color: #30C37E;
    color: #fff;
    vertical-align: top;
    font: 16px/36px 'Microsoft YaHei', arial;
    overflow: hidden;
    cursor: pointer;
    outline: 0 none;
    border-radius: 2px
}

.advanced-submit button:hover {
    background-color: #00a39E
}

.advanced-submit div {
    font-size: 12px;
    padding-top: 10px;
    color: #c00
}

.guide-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10001;
    margin: -169px 0 0 -205px;
    padding: 5px;
    width: 400px;
    height: 328px
}

.guide-dialog-opacity {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 410px;
    height: 338px;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.guide-dialog-inner {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
    background: #fff;
    padding: 1px 30px;
    width: 340px;
    height: 326px
}

.guide-dialog-overlay {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40)
}

.guide-dialog-close {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 10px;
    width: 29px;
    height: 29px;
    background-position: -106px 5px;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer
}

.guide-dialog-text {
    font: 16px/24px 'Microsoft YaHei', arial;
    color: #333
}

.guide-dialog-login {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 20px 46px;
    margin-top: 15px;
    height: 47px;
    overflow: hidden
}

.guide-dialog-login a {
    float: left;
    width: 47px;
    height: 47px;
    overflow: hidden;
    margin: 0 20px 0 0;
    text-indent: -9999em;
    overflow: hidden
}

.guide-dialog-login .qq {
    background-position: 0 0
}

.guide-dialog-login .qq:hover {
    background-position: -48px 0
}

.guide-dialog-login .sina {
    background-position: 0 -48px
}

.guide-dialog-login .sina:hover {
    background-position: -48px -48px
}

.guide-dialog-login .baidu {
    background-position: 0 -96px
}

.guide-dialog-login .baidu:hover {
    background-position: -48px -96px
}

.guide-dialog-login .zol {
    background-position: 0 -144px
}

.guide-dialog-login .zol:hover {
    background-position: -48px -144px
}

.guide-dialog-bg-post {
    position: relative;
    width: 282px;
    height: 180px;
    margin: -39px auto 10px
}

.guide-dialog-bg-again {
    position: relative;
    width: 219px;
    height: 189px;
    margin: -35px auto 21px
}

.guide-dialog-bg-notice {
    position: relative;
    width: 178px;
    height: 134px;
    margin: 19px auto 20px
}

.guide-dialog-animate {
    width: 410px;
    height: 413px;
    padding: 0;
    margin: -206px 0 0 -205px
}

.guide-dialog-animate .guide-dialog-close {
    right: 19px;
    top: 19px
}

.guide-dialog-animate .zol {
    display: block;
    position: absolute;
    top: 328px;
    left: 140px;
    width: 130px;
    height: 40px;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    background: url(about:blank)
}

.review-active-v4-poster {
    display: none;
    position: absolute;
    top: -20px;
    right: 20px;
    width: 237px;
    height: 70px;
    overflow: hidden;
    font: 0/0 arail
}

.cc-post-entry i, .cc-post-entry-adv i {
    background: url(../image/cc-post-entry-0625.png) no-repeat
}

.cc-post-entry, .cc-post-entry-adv {
    float: left;
    margin-right: 5px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    background-color: #30bf78 !important;
    color: #fff !important;
    font-size: 14px;
    white-space: nowrap;
    border: none
}

.cc-post-entry-adv {
    margin-left: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    padding: 0 20px
}

.cc-post-entry i {
    float: left;
    width: 12px;
    height: 12px;
    margin: 7px 5px 0 0;
    background-position: 0 -18px
}

.cc-post-entry-adv i {
    float: left;
    width: 16px;
    height: 16px;
    margin: 10px 8px 0 0;
    background-position: 0 0
}

.cc-post-entry-adv:hover, .cc-post-entry:hover {
    color: #fff !important;
    background-color: #00a39E !important;
    text-decoration: none
}

._j_cc_post_login {
    display: none
}

.v3-compare-box-close, .v3-compare-item-del {
    font-family: iconfont;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    color: #fff
}

.v3-compare-box-close::before, .v3-compare-item-del::before {
    content: "\e601"
}

.v3-compare-box {
    position: fixed;
    display: none;
    right: 20px;
    top: 50px;
    z-index: 9999;
    width: 110px;
    background: #fff;
    font-family: 'microsoft yahei', arial
}

.v3-compare-box .v3-compare-box-header {
    height: 30px;
    background: #30C37E;
    line-height: 30px
}

.v3-compare-box-header .v3-compare-box-close {
    float: right;
    width: 19px;
    height: 19px;
    overflow: hidden;
    margin: 6px 5px 0 0;
    cursor: pointer
}

.v3-compare-box-header .v3-compare-box-close:hover {
    background-color: #00a39E
}

.v3-compare-box-header .v3-compare-box-title {
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.v3-compare-box-list li {
    position: relative;
    padding: 4px 10px 5px;
    border: 1px solid #efefef;
    border-bottom: 0 none
}

.v3-compare-box-list a:hover {
    text-decoration: none
}

.v3-compare-box-list .pic {
    display: block;
    text-align: center
}

.v3-compare-box-list .pic img {
    width: 100%;
    padding: 4px 0;
    vertical-align: top
}

.v3-compare-box-list .pic span {
    white-space: nowrap;
    text-overflow: ellipsis
}

.v3-compare-box-list span {
    display: block;
    height: 36px;
    color: #aaa;
    text-align: left;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word
}

.v3-compare-box-list a:hover span {
    color: #aaa
}

.v3-compare-box-list .v3-compare-item-del {
    display: none;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 17px;
    height: 17px;
    overflow: hidden;
    cursor: pointer
}

.v3-compare-box-list .hover, .v3-compare-box-list li:hover {
    z-index: 10;
    margin-bottom: -1px;
    border: 1px dashed #30C37E
}

.v3-compare-box-list .hover .v3-compare-item-del, .v3-compare-box-list li:hover .v3-compare-item-del {
    display: block
}

.v3-compare-box-buttons {
    padding: 10px 0 12px;
    border: 1px solid #efefef;
    text-align: center
}

.v3-compare-box-buttons a {
    display: block;
    width: 80px;
    height: 26px;
    margin: 5px auto 0;
    border: 0 none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #30C37E;
    color: #fff;
    font: 400 12px/26px 'microsoft yahei', arial;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    outline: 0 none
}

.v3-compare-box-buttons a:hover {
    background: #00a39E
}

.v3-compare-box-buttons .v3-compare-box-clear {
    display: inline-block;
    margin: 13px 0 0;
    color: #0a50a1;
    vertical-align: middle;
    cursor: pointer
}

.v3-compare-box-buttons .v3-compare-box-clear:hover {
    color: #aaa
}

#detail_index_article_top {
    position: absolute;
    right: 20px;
    top: 10px;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

#detail_index_article_top a font {
    color: #f33 !important;
    font-size: 12px !important
}

#detail_index_article_top a:hover {
    color: #aaa
}

#detail_index_article_top a:hover font {
    color: #aaa !important
}

#detail_index_article_top a strong {
    color: #f33;
    font-weight: 400
}

#detail_index_article_top a:hover strong {
    color: #aaa
}

#detail_index_article_top.adSpace {
    padding: 0 0 0 50px
}

#detail_on_nav_list_tonglan {
    width: 1000px;
    margin: 0 auto
}

#detail_index_position_bottom {
    margin: 0
}

#detail_index_position_bottom a font {
    color: #aaa
}

#detail_index_position_bottom a strong {
    font-size: 12px !important;
    color: #0a50a1 !important;
    font-weight: 700
}

#detail_index_position_bottom a:hover strong {
    color: #aaa !important
}

#detail_index_equip_bottom, #detail_index_like_bottom, #detail_index_manuintro_bottom_tong, #detail_index_recommend_merchant_bottom, #detail_index_recommend_merchant_top, #detail_price_qushi_bottom, #detail_price_qushi_top, #detail_second_param_rank_top {
    margin: 20px 0 0;
    border: 1px solid #e6e6e6
}

#detail_index_submanu_rank_top {
    margin: 20px 0 0
}

#detail_index_equip_bottom div, #detail_index_recommend_merchant_bottom li div, #detail_price_qushi_bottom div, #detail_price_qushi_top div, #detail_second_param_rank_top div {
    margin: 8px auto !important
}

#detail_index_like_bottom {
    padding: 8px 9px
}

#detail_index_driver_bottom {
    margin: 20px 0 0;
    width: 218px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    text-align: center
}

#detail_index_driver_bottom iframe {
    width: 200px !important;
    margin: 10px 0 6px
}

.driver_bottom_ad_fixed {
    position: fixed;
    left: 50%;
    top: 43px;
    margin-left: 280px !important
}

#detail_index_manupro_rank_bottom {
    margin: 20px 0 0;
    border: 1px solid #e6e6e6
}

#detail_index_manupro_rank_bottom div {
    margin: 0 auto
}

#detail_param_bbs_top, #detail_param_talbe_top {
    margin: 20px 0 0;
    text-align: center
}

#detail_param_bbs_top div, #detail_param_talbe_top div {
    margin: 0 auto
}

#detail_index_group_top {
    margin: 20px auto 0
}

#detail_index_middle_ad {
    margin-top: 20px
}

#detail_index_middle_ad #AD_1_90561 {
    width: auto !important;
    margin: 0 auto;
    padding: 8px 0;
    border: 1px solid #e6e6e6
}

#detail_index_comments_top {
    margin: 20px 0 0;
    border: 1px solid #e6e6e6
}

#detail_index_usercomm_bottom {
    margin: 10px 0 0;
    border: 1px solid #e6e6e6
}

#detail_index_comments_top #AD_1_57143, #detail_index_usercomm_bottom #AD_1_80699 {
    margin: 8px auto !important
}

#article_price_under_tonglan {
    margin: 20px 0 0;
    border: 1px solid #e6e6e6
}

#article_price_under_tonglan ins {
    display: block !important;
    padding: 8px 0 !important;
    margin: 0 auto !important
}

#detail_firstscreen_bottom_banner {
    border: 1px solid #ccc;
    overflow: hidden;
    margin-top: 20px
}

#detail_title_under {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #e5e5e5
}

#detail_title_under li {
    float: left;
    padding-right: 1px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 251px;
    background: #fafafa
}

#detail_title_under #detail_title_under_1 {
    width: 252px
}

#detail_title_under li a {
    color: #aaa
}

#detail_title_under div {
    float: none;
    text-align: center
}

#detail_title_under strong {
    font-weight: 400;
    font-size: 12px !important;
    color: #f33 !important;
    cursor: pointer
}

#detail_title_under li a:hover, #detail_title_under li a:hover strong {
    color: #aaa !important;
    text-decoration: underline
}

#detail_pic_right_bottom {
    margin: 20px 0 0;
    border: 1px solid #e6e6e6
}

.top-ad-window {
    margin-top: 15px;
    border: 3px solid #e6e6e6
}

.top-ad-window .ad-item {
    position: relative;
    z-index: 15;
    float: left;
    width: 245px;
    height: 116px;
    padding-right: 2px;
    padding-left: 3px;
    border-right: 1px solid #e6e6e6;
    margin-right: -3px
}

.top-ad-window .back {
    opacity: .6;
    filter: alpha(opacity=60)
}

.top-ad-window .back .ad-detail, .top-ad-window .back .ad-promo {
    background: #fff
}

.top-ad-window .hover {
    z-index: 20;
    padding: 0;
    border: 3px solid #e6e6e6;
    border-top: 0 none;
    border-bottom: 0 none;
    background: #fff
}

.top-ad-window .first-ad-item {
    width: 250px;
    margin-left: -3px
}

.top-ad-window .ad-detail {
    padding: 8px 5px 4px 15px;
    position: relative;
    zoom: 1
}

.top-ad-window .ad-pic {
    float: left;
    width: 60px;
    margin-right: 8px;
    color: #fff
}

.top-ad-window .ad-pic:hover {
    color: #fff;
    text-decoration: none
}

.top-ad-window .ad-pic img {
    vertical-align: middle
}

.top-ad-window .ad-pic span {
    display: block;
    margin-top: 6px;
    height: 18px;
    line-height: 18px;
    background: #e97a16;
    text-align: center
}

.top-ad-window .ad-tit {
    overflow: hidden;
    zoom: 1
}

.top-ad-window .ad-tit strong {
    display: block;
    height: 21px;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px
}

.top-ad-window .ad-tit span {
    display: block;
    height: 20px;
    margin: 2px 0 0;
    line-height: 20px;
    color: #f33;
    font-family: arial
}

.top-ad-window .ad-tel {
    clear: both;
    margin: 13px 0 0;
    padding-left: 23px;
    font-size: 12px;
    line-height: 18px
}

.top-ad-window .ad-tel span {
    padding: 0 12px 0 0
}

.top-ad-window .ad-promo {
    padding: 0 5px 0 15px;
    height: 18px
}

.top-ad-window .ad-promo span {
    display: block;
    height: 18px;
    overflow: hidden;
    line-height: 18px
}

.top-ad-window .ad-promo em {
    display: block;
    width: 9px;
    height: 5px;
    margin: 2px auto 0;
    font: 0/0 arial;
    background-position: -60px -192px
}

.top-ad-window .hover .ad-promo em {
    display: none
}

.top-ad-window .ad-other {
    display: none;
    position: absolute;
    left: -3px;
    top: 110px;
    padding: 0 3px 3px;
    background: #e6e6e6
}

.top-ad-window .ad-other-inner {
    position: relative;
    left: 0;
    width: 220px;
    padding: 0 10px 5px 15px;
    background: #fff
}

.top-ad-window .ad-other-link {
    color: #999
}

.top-ad-window .first-ad-item .ad-other-inner {
    width: 225px
}

.top-ad-window .ad-credit {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    zoom: 1
}

.top-ad-window .ad-credit b {
    float: left;
    color: #333;
    font-weight: 400
}

.top-ad-window .ad-credit span {
    float: left;
    margin-top: 4px
}

.top-ad-window .ad-credit img {
    position: relative;
    top: 2px
}

.top-ad-window .noad p {
    padding: 30px 0 0 85px;
    font: 400 14px/24px "Microsoft YaHei", 'Microsoft YaHei';
    color: #333
}

.top-ad-window .noad .icon {
    float: left;
    width: 50px;
    margin: -20px 10px 0 -70px;
    padding: 7px 10px;
    border: 1px dashed #e6e6e6;
    background: #fafafa;
    color: #ccc;
    font: 400 24px/28px 'Microsoft YaHei'
}

.top-ad-window .hover .ad-other {
    display: block
}

.mid-ad-window {
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #e6e6e6;
    font-family: "Microsoft YaHei", 'Microsoft YaHei', arial
}

.mid-ad-window .mid-ad-item {
    float: left;
    padding: 15px 5px 7px 20px;
    width: 350px;
    height: 65px;
    margin-right: 4px;
    background: #fff
}

.mid-ad-window .mr0 {
    margin-right: 0
}

.mid-ad-window .ad-pic {
    float: left;
    width: 70px;
    margin-right: 10px
}

.mid-ad-window .ad-pic img {
    vertical-align: middle
}

.mid-ad-window .ad-title {
    margin: -2px 0 0 80px;
    font-size: 14px;
    font-weight: 400
}

.mid-ad-window .ad-merch {
    margin-top: 0;
    color: #f33
}

.mid-ad-window .ad-tel {
    margin-top: 4px
}

.mid-ad-window .ad-tel p {
    margin-left: 80px;
    padding-left: 23px;
    font: 400 12px/1.5 arial
}

.mid-ad-window .ad-tel span {
    margin-right: 10px
}

.mid-ad-window .no-mid-ad {
    background: #ffffef
}

.mid-ad-window .no-mid-ad p {
    margin: 10px 0 0 100px;
    font: 700 14px/24px "Microsoft YaHei", 'Microsoft YaHei';
    color: #F4C060
}

.ad-sale {
    padding: 13px 5px 12px 20px;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #e6e6e6;
    background: #fff
}

.ad-sale .ad-sale-list {
    float: left;
    width: 370px;
    padding: 6px 10px 0 0
}

.ad-sale .ad-sale-list li {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px
}

.ad-sale .ad-sale-list li span {
    margin-right: 5px;
    color: #999
}

.ad-sale .ad-sale-dealer {
    float: left;
    width: 320px;
    padding: 2px 0
}

.ad-sale .ad-sale-name {
    line-height: 18px;
    font-size: 12px;
    font-family: "Microsoft YaHei", 'Microsoft YaHei', arial
}

.ad-sale .ad-sale-name a {
    cursor: pointer;
    color: #666
}

.ad-sale .ad-sale-name a span {
    display: block;
    height: 18px;
    overflow: hidden;
    font-size: 14px;
    color: #f33
}

.ad-sale .ad-sale-name a:hover {
    color: #666;
    text-decoration: none
}

.ad-sale .ad-sale-name a:hover span {
    color: #f33;
    text-decoration: underline
}

.ad-sale .ad-sale-tel {
    margin-top: 2px;
    height: 18px;
    padding: 0 0 0 18px;
    font-size: 12px;
    line-height: 18px
}

.topPromotion {
    margin-top: 10px
}

.topPromotion #pomo-demo-zol, .topPromotion .topPromotion-l, .topPromotion-n {
    float: left;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    background: #fafafa
}

.topPromotion .topPromotion-l {
    width: 70px;
    padding-left: 12px;
    color: #999;
    font-weight: 400
}

.topPromotion #pomo-demo-zol {
    float: right;
    width: 212px;
    padding-left: 3px;
    padding-right: 5px
}

.topPromotion .topPromotion-n {
    width: 698px
}

.topPromotion .topPromotion-n ul {
    width: 688px
}

.topPromotion .topPromotion-n a {
    color: #666
}

.topPromotion .topPromotion-n a:hover {
    color: #aaa
}

.topPromotion .author a, .topPromotion .author a:hover {
    color: #f33
}

.topPromotion .topPromotion-n li {
    float: left;
    width: 50%
}

.topPromotion .topPromotion-n-s {
    height: 260px
}

.topPromotion #pomo-demo-zol a {
    display: block;
    position: relative;
    zoom: 1;
    padding-left: 23px;
    color: #666
}

.topPromotion a .icon {
    position: absolute;
    top: 9px;
    left: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: -60px -85px
}

.topPromotion #pomo-demo-zol a:hover {
    color: #aaa
}

.topPromotion .onsale span {
    float: left;
    color: #aaa
}

.topPromotion .onsale span.name {
    float: right;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #30C37E;
    text-decoration: underline
}

.topPromotion .onsale:hover span {
    text-decoration: underline;
    color: #aaa !important
}

#detail_subpage_right_top {
    width: 202px;
    overflow: hidden;
    margin: 20px 0;
    padding: 8px 8px 4px;
    border: 1px solid #e6e6e6;
    text-align: center
}

* html body {
    background-image: url(about:black);
    background-attachment: fixed
}

#feedBackWidget {
    position: fixed;
    z-index: 999;
    left: 50%;
    bottom: 60px;
    margin-left: 520px;
    right: 15px;
    width: 58px;
    font-size: 12px
}

.widget-by-window {
    left: auto !important;
    margin: 0 !important;
    right: 20px !important
}

#callSurvey {
    width: 46px;
    height: 40px;
    position: relative;
    background: #ffa143
}

#callSurvey a {
    display: block;
    position: absolute;
    left: -7px;
    top: -55px;
    width: 64px;
    height: 95px;
    color: #fff;
    cursor: pointer
}

#callSurvey a:hover {
    color: #fff;
    text-decoration: none
}

#callSurvey i {
    display: block;
    height: 47px
}

#callSurvey em {
    display: block;
    width: 50px;
    height: 8px;
    margin: 0 0 0 5px;
    background: #f33
}

#callSurvey span {
    display: block;
    width: 26px;
    padding: 4px 10px;
    margin: 0 0 0 7px;
    height: 36px;
    text-align: center;
    line-height: 16px
}

#backTop, #callFeedBack {
    width: 46px;
    height: 46px;
    margin: 10px 0 0;
    text-align: center
}

#backTop a, #callFeedBack a {
    display: block;
    width: 34px;
    height: 38px;
    padding: 8px 5px 0;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    color: #999;
    font: 400 12px/14px 'Microsoft YaHei', arial
}

#backTop a:hover, #callFeedBack a:hover {
    color: #666;
    text-decoration: none
}

#backTop a i {
    display: block;
    width: 20px;
    height: 11px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 0
}

#backTop a:hover i {
    background-position: 0 -92px
}

#N1 {
    width: 100px;
    height: 100px;
    overflow: hidden
}

#N1 a {
    display: block;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden
}

#QrCode {
    width: 46px;
    height: 74px;
    position: relative;
    margin-top: 10px
}

.QrCode span {
    position: relative;
    z-index: 2;
    display: block;
    height: 56px;
    overflow: hidden;
    padding: 8px 5px 8px;
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    font: 400 12px/14px 'Microsoft YaHei', arial;
    text-align: center;
    color: #999;
    cursor: default
}

.QrCode span i {
    display: block;
    margin: 5px auto 0;
    width: 17px;
    height: 21px;
    overflow: hidden
}

.QrCode-on span {
    color: #666;
    border-left: 0 none;
    padding-left: 9px;
    margin-left: -3px;
    border-color: #ccc
}

.QrCode-on span i {
    background-position: 0 -22px
}

.QrCode .qrcode-box {
    display: none;
    position: absolute;
    top: 0;
    right: 48px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fafafa
}

.QrCode .qrcode-box img {
    vertical-align: middle
}

.QrCode-on .qrcode-box {
    display: block
}

#tryLink {
    width: 46px;
    height: 40px;
    background: #f60
}

#tryLink a {
    position: relative;
    display: block;
    padding: 6px 10px;
    line-height: 16px;
    color: #fff;
    font: 400 12px/14px 'Microsoft YaHei', arial
}

#tryLink a:hover {
    color: #fff;
    text-decoration: none
}

#tryLink a i {
    position: absolute;
    left: -2px;
    top: -39px;
    width: 54px;
    height: 39px;
    overflow: hidden
}

#zcLink {
    width: 46px;
    height: 89px
}

#zcLink a {
    display: block;
    width: 62px;
    margin-left: -6px;
    position: relative;
    height: 89px;
    text-indent: -9999em;
    overflow: hidden
}

#hhrLink {
    width: 46px;
    height: 46px;
    position: relative
}

#hhrLink a {
    position: absolute;
    left: -17px;
    bottom: 0;
    width: 80px;
    height: 86px;
    text-indent: -9999em;
    overflow: hidden
}

#commentActive201512 {
    width: 46px;
    height: 48px;
    position: relative
}

#commentActive201512 a {
    position: absolute;
    left: -30px;
    bottom: 0;
    display: block;
    width: 105px;
    height: 80px;
    text-indent: -9999em;
    overflow: hidden
}

#QA20150916 {
    width: 46px;
    height: 48px;
    background: #f60
}

#QA20150916 a {
    position: relative;
    display: block;
    padding: 6px 10px;
    line-height: 18px;
    color: #fff;
    font: 400 12px/18px 'Microsoft YaHei', arial
}

#QA20150916 a:hover {
    color: #fff;
    text-decoration: none
}

#QA20150916 a i {
    position: absolute;
    left: -14px;
    top: -62px;
    width: 75px;
    height: 67px;
    overflow: hidden
}

#SurveyN1 {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 250px
}

.survey-n1-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 250px;
    overflow: hidden;
    background-position: 0 0
}

#J_SurveyN1Close {
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    height: 23px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(about:blank);
    cursor: pointer
}

.survey-n1-inner h3 {
    position: absolute;
    left: 0;
    top: 184px;
    width: 200px;
    height: 24px;
    font: 14px/24px 'Microsoft YaHei', arial;
    color: #0a3c8d;
    text-align: center
}

.survey-n1-buy, .survey-n1-order {
    position: absolute;
    left: 14px;
    top: 213px;
    width: 81px;
    height: 27px;
    font: 14px/26px 'Microsoft YaHei', arial;
    color: #fff;
    text-align: center;
    background-position: -204px 0
}

.survey-n1-order:hover {
    background-position: -204px -31px;
    color: #fff;
    text-decoration: none
}

.survey-n1-buy {
    left: 105px;
    background-position: -204px -62px
}

.survey-n1-buy:hover {
    background-position: -204px -94px;
    color: #fff;
    text-decoration: none
}

.arproduct-main-bg-20150126.pngrow-down-icon, .arrow-up-icon, .article-item dt i, .compare-layerbox .compare-list .compare-btn b, .distributor-citys-trigger i, .lens-select i, .product-detail-box .view-all-pics em, .user-link-pk i, .version-compare-cansel i, .version-fiter-label-checked i, .version-price-sort .sort-down, .version-price-sort .sort-up, .version-price-sort .intel-baike {
    position: absolute;
    right: 8px;
    top: 8px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    padding: 0 18px 0 0;
    cursor: pointer;
    color: #4596e7;
    font-size: 12px
}

.intel-baike-explain {
    position: absolute;
    display: none;
    padding: 12px 15px;
    width: 320px;
    font: 12px/20px 'Microsoft YaHei';
    border: 1px solid #dbdbdb;
    background: #fff;
    text-align: left;
    color: #666;
    -webkit-box-shadow: 0 0 5px #e0e0e0;
    -moz-box-shadow: 0 0 5px #e0e0e0;
    box-shadow: 0 0 5px #e0e0e0;
    z-index: 999999
}

.intel-baike-explain span {
    color: #4596e7
}

.product-price-info {
    height: 26px;
    line-height: 26px;
    color: #666;
    overflow: hidden;
    font-size: 0
}

.product-price-info a {
    font-size: 14px
}

.product-price-info strong {
    float: left;
    color: #333;
    font-weight: 400;
    font-size: 14px
}

.product-price-info span {
    width: 50%;
    display: inline-block;
    font-size: 14px
}

.product-price-info .price {
    position: relative;
    top: -1px;
    float: left;
    height: 26px;
    overflow: hidden
}

.product-price-info .price span {
    float: left
}

.product-price-info .monthly-sales {
    float: left;
    padding-left: 15px
}

.product-price-info .monthly-sales em {
    color: #999
}

.product-price-info .price-sign {
    font-size: 16px;
    color: #f33;
    font-weight: 400
}

.product-price-info .price-type {
    color: #f33;
    font-size: 22px;
    font-weight: 400;
    height: 26px
}

.product-price-info .price-cp .price-type, .product-price-info .price-neg .price-type, .product-price-info .price-np .price-type, .product-price-info .price-sp .price-type, .product-price-info .price-upc .price-type {
    font-size: 16px
}

.product-price-info .price-np .price-sign, .product-price-info .price-np .price-type, .product-price-info .price-np-num .price-sign, .product-price-info .price-np-num .price-type {
    color: #999
}

.product-price-info .price-status {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 4px 0 0;
    padding: 0 0 0 10px;
    color: #999
}

.product-price-info .price-fall, .product-price-info .price-retain, .product-price-info .price-rise {
    position: relative;
    zoom: 1;
    padding: 0 25px 0 0
}

.product-price-info .price-fall .icon, .product-price-info .price-retain .icon, .product-price-info .price-rise .icon {
    position: absolute;
    top: 8px;
    right: 0;
    width: 16px;
    height: 14px;
    overflow: hidden;
    background-position: -40px 0
}

.product-price-info .price-rise .icon {
    background-position: 0 0
}

.product-price-info .price-fall .icon {
    background-position: -20px 0
}

.product-price-info .price-trend-hover .price-rise .icon {
    background-position: 0 -150px
}

.product-price-info .price-trend-hover .price-fall .icon {
    background-position: -25px -150px
}

.product-price-info .price-trend-hover .price-retain .icon {
    background-position: -51px -150px
}

.product-price-info .price-np .price-trend-hover .price-rise .icon, .product-price-info .price-np-num .price-trend-hover .price-rise .icon {
    background-position: 0 0
}

.product-price-info .price-np .price-trend-hover .price-fall .icon, .product-price-info .price-np-num .price-trend-hover .price-fall .icon {
    background-position: -20px 0
}

.product-price-info .price-np .price-trend-hover .price-retain .icon, .product-price-info .price-np-num .price-trend-hover .price-retain .icon {
    background-position: -40px 0
}

.product-price-info .tmall-618 {
    float: left;
    padding: 3px 0 0 10px;
    width: 90px;
    height: 20px
}

.product-price-info .tmall-618 a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    background-color: #f60
}

.product-price-info .tmall-618 a:hover {
    color: #fff;
    text-decoration: none
}

#mall-chart {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 300px;
    height: 108px;
    padding: 30px 0 0;
    border: 1px solid #eff1f2;
    background: #fff
}

#mall-chart h4 {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 12px;
    height: 18px;
    overflow: hidden
}

#mall-chart p {
    position: absolute;
    left: 90px;
    top: 7px;
    height: 18px;
    color: #666;
    font: 12px/1.5 'Microsoft YaHei', arial
}

.product-merchant-price {
    margin: 6px 0 0;
    color: #aaa;
    line-height: 26px;
    white-space: nowrap;
    padding-left: 70px
}

.product-merchant-price .merchant-price-text {
    float: left;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    margin-left: -70px
}

.product-merchant-price i {
    font-style: normal;
    color: #666;
    text-decoration: none
}

.product-merchant-price a {
    float: left;
    color: #666
}

.product-merchant-price a:hover {
    color: #aaa;
    text-decoration: underline
}

.product-merchant-price .local-price {
    position: relative;
    zoom: 1;
    padding: 0 0 0 20px;
    margin-right: 36px;
    color: #333;
    line-height: 26px;
    font-size: 14px
}

.product-merchant-price .local-price i {
    position: absolute;
    top: 7px;
    left: 3px;
    width: 9px;
    height: 12px;
    overflow: hidden;
    background-position: -75px 0
}

.product-merchant-price .local-price:hover {
    color: #aaa;
    text-decoration: underline
}

.product-merchant-price .local-price:hover i {
    background-position: -75px -20px
}

.product-merchant-price .all-price {
    float: left;
    margin-left: 20px;
    line-height: 26px;
    color: #333
}

.product-merchant-price .all-price:hover {
    color: #aaa
}

.product-merchant-price .merchant-num {
    margin: 0 15px 0 0;
    padding: 0 0 0 20px;
    width: 62px;
    position: relative;
    zoom: 1;
    color: #333;
    font-size: 14px
}

.product-merchant-price .merchant-num span {
    color: #0a50a1
}

.product-merchant-price .merchant-num i {
    position: absolute;
    left: 0;
    top: 6px;
    width: 13px;
    height: 12px;
    background-position: 0 -40px
}

.product-merchant-price .merchant-price-range {
    float: left;
    margin: 0 5px 0 0
}

.product-merchant-price .merchant-price-range a {
    color: #f33;
    font-size: 14px;
    text-decoration: none
}

.product-merchant-price .merchant-price-range a:hover, .product-merchant-price .merchant-price-range a:hover i, .product-merchant-price a:hover span {
    color: #aaa;
    text-decoration: underline
}

.product-b2c-price li {
    height: 26px;
    line-height: 26px;
    overflow: hidden
}

.product-b2c-price strong {
    float: left;
    width: 98px;
    font-weight: 400
}

.product-b2c-price strong a {
    display: block;
    position: relative;
    padding: 0 0 0 20px;
    zoom: 1;
    color: #333;
    font-size: 14px
}

.product-b2c-price strong a img {
    position: absolute;
    left: 0;
    top: 6px
}

.product-b2c-price i {
    position: absolute;
    left: 0;
    font: 0/0 arial
}

.product-b2c-price a:hover {
    color: #aaa
}

.product-b2c-price .b2c-er i {
    width: 14px;
    height: 14px;
    top: 7px;
    background-position: -70px 0
}

.product-b2c-price span {
    float: left;
    width: 60px;
    color: #f33;
    font-size: 14px
}

.product-b2c-price span a {
    color: #f33
}

.product-b2c-price span a:hover {
    color: #aaa
}

.product-b2c-price span a:hover em {
    color: #aaa;
    text-decoration: underline
}

.product-b2c-price span em {
    display: inline-block;
    position: relative;
    zoom: 1;
    margin: 0 -5px 0 0;
    padding: 0 15px 0 0;
    color: #666
}

.product-b2c-price #xianzhiershou span {
    position: relative;
    white-space: nowrap;
    margin-right: -10px
}

.product-b2c-price #ZolRequestTuan {
    display: none
}

.product-b2c-price #ZolRequestTuanBotton {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 4px 0 0;
    padding: 0 5px;
    color: #999;
    white-space: nowrap
}

.product-b2c-price #ZolRequestTuanBotton:hover {
    color: #aaa;
    text-decoration: underline
}

.product-b2c-price #ZolRequestTuanPrice {
    float: left;
    display: none;
    white-space: nowrap
}

.product-b2c-price .b2c-company-qa {
    float: left;
    margin-top: 3px;
    width: 55px;
    height: 20px;
    font: 12px/20px arial;
    text-align: center;
    color: #fff;
    background-color: #30C37E;
    cursor: pointer
}

.product-b2c-price .b2c-company-qa:hover {
    text-decoration: none;
    color: #fff;
    background-color: #00a39E
}

.product-b2c-price-box {
    margin: 6px 0 0;
    line-height: 26px;
    white-space: nowrap;
    padding-left: 70px
}

.product-b2c-price-box .merchant-price-text {
    float: left;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    margin-left: -70px
}

.b2c-price-list {
    width: 350px;
    position: relative;
    margin-right: -20px
}

.b2c-price-list li {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 154px;
    line-height: 26px;
    overflow: hidden
}

.b2c-price-list strong {
    display: block;
    font-weight: 400;
    height: 26px;
    overflow: hidden
}

.b2c-price-list strong a {
    float: left;
    position: relative;
    padding: 0 0 0 20px;
    zoom: 1;
    color: #333;
    font-size: 14px
}

.b2c-price-list strong a img {
    position: absolute;
    left: 0;
    top: 6px
}

.b2c-price-list i {
    position: absolute;
    left: 0;
    font: 0/0 arial
}

.b2c-price-list a:hover {
    color: #aaa
}

.b2c-price-list span {
    position: absolute;
    right: 0;
    top: 0;
    color: #f33;
    font-size: 14px;
    height: 26px;
    width: 56px;
    overflow: hidden
}

.b2c-price-list span a {
    color: #f33
}

.b2c-price-list span a em {
    font-size: 12px
}

.b2c-price-list span a:hover {
    color: #aaa
}

.b2c-price-list span a:hover em {
    color: #aaa;
    text-decoration: underline
}

.b2c-price-list .b2c-jd i {
    width: 14px;
    height: 14px;
    top: 6px;
    background-position: -53px 0
}

.b2c-price-list .b2c-tmall i {
    width: 14px;
    height: 14px;
    top: 6px
}

.b2c-price-list .b2c-ershouyoupin i {
    width: 14px;
    height: 14px;
    top: 6px
}

.b2c-price-list .b2c-guanfanghuishou i {
    width: 14px;
    height: 14px;
    top: 6px
}

.b2c-price-list .b2c-xiugouweixiu i {
    width: 14px;
    height: 14px;
    top: 6px
}

.b2c-price-list .ershouyoupin span, .b2c-price-list .xianzhiershou span {
    font-size: 12px
}

.b2c-price-list .b2c-amazon i {
    width: 14px;
    height: 15px;
    top: 6px;
    background-position: -70px -19px
}

.b2c-price-list .b2c-apple i {
    width: 14px;
    height: 15px;
    top: 4px;
    background-position: 0 -20px
}

.b2c-price-list .b2c-zt i {
    width: 14px;
    height: 14px;
    top: 6px;
    background-position: -85px 0
}

.b2c-price-list .b2c-tc i {
    width: 14px;
    height: 14px;
    top: 6px;
    background-position: -20px -20px
}

.b2c-price-list .b2c-gome i {
    width: 14px;
    height: 14px;
    top: 7px;
    background-position: 0 -40px
}

.b2c-price-list .b2c-meizu i {
    width: 14px;
    height: 12px;
    top: 10px;
    background-position: 0 -3px
}

.b2c-price-list .b2c-yijia i {
    width: 13px;
    height: 13px;
    top: 5px;
    background-position: -17px 0
}

.b2c-price-list .b2c-hx i {
    width: 14px;
    height: 14px;
    top: 5px;
    background-position: -20px -91px
}

.b2c-price-list .b2c-microsoft i {
    width: 11px;
    height: 11px;
    top: 7px;
    background-position: -55px -20px
}

.b2c-price-list .b2c-sn i {
    width: 13px;
    height: 12px;
    top: 7px;
    background-position: -85px -20px
}

.b2c-price-list .b2c-huawei i {
    width: 12px;
    height: 12px;
    top: 6px;
    background-position: -37px -1px
}

.b2c-price-list .b2c-letv i {
    width: 14px;
    height: 14px;
    top: 6px;
    background-position: -17px -40px
}

.b2c-price-list .b2c-moto i {
    width: 14px;
    height: 14px;
    top: 6px
}

.b2c-price-list .b2c-promotions {
    display: none;
    margin-bottom: 2px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #e1e1e1;
    padding: 0 5px;
    text-align: center;
    color: #999
}

.b2c-price-list .item-1-1 .b2c-promotions, .b2c-price-list .item-2-1 .b2c-promotions, .b2c-price-list .item-2-2 .b2c-promotions {
    display: block
}

.iphone6-merchant-pop {
    position: absolute;
    z-index: 99999;
    width: 408px;
    padding: 5px 15px;
    border: 1px solid #e6e6e6;
    background: #fff;
    -webkit-box-shadow: 2px 2px 8px -1px rgba(204, 204, 204, .6);
    box-shadow: 2px 2px 8px -1px rgba(204, 204, 204, .6)
}

.iphone6-presell-merchant {
    overflow: hidden;
    zoom: 1;
    position: relative
}

.iphone6-presell-merchant li {
    float: left;
    position: relative;
    padding-right: 73px;
    overflow: hidden;
    margin-top: -1px;
    width: 145px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #f0f0f0
}

.iphone6-presell-merchant .iphone6-presell-price {
    position: absolute;
    top: 0;
    right: 28px;
    width: 45px;
    color: #f33
}

.iphone6-presell-merchant .iphone6-presell-price:hover {
    color: #aaa
}

.iphone6-presell-merchant .even {
    width: 145px;
    padding-right: 45px
}

.iphone6-presell-merchant .even .iphone6-presell-price {
    position: absolute;
    top: 0;
    right: 0
}

#iphone6Sell span {
    white-space: nowrap
}

.b2c-iphone6sell i {
    width: 14px;
    height: 14px;
    top: 7px;
    background-position: -38px -20px
}

.iphone6sell-arr {
    float: left;
    margin: 11px 0 0 4px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -31px -95px
}

.iphone6-sell-on .iphone6sell-arr {
    background-position: -41px -95px
}

.iphone6-presell {
    margin: 15px 0 0
}

.iphone6-presell h3 {
    height: 28px;
    overflow: hidden;
    font: 18px/28px 'Microsoft YaHei', arial
}

.presell-list {
    margin: 4px 0 0;
    padding-top: 15px;
    border: 1px solid #e6e6e6;
    background: #fafafa
}

.presell-list li {
    float: left;
    width: 232px;
    padding: 0 0 14px 20px;
    height: 44px;
    overflow: hidden
}

.presell-list .presell-dealer-name {
    float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 10px
}

.presell-list .presell-price {
    float: left;
    margin: 0 10px 0 0;
    height: 22px;
    line-height: 22px;
    font: 14px/20px 'Microsoft YaHei', arial;
    color: #f33
}

.presell-list .presell-rom {
    float: left;
    margin: 2px 0 0;
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #7eb2e6;
    color: #7eb2e6;
    background: #fff
}

.presell-list .presell-tel {
    clear: both;
    height: 22px;
    line-height: 22px;
    padding-left: 19px;
    color: #666;
    background-repeat: no-repeat;
    background-position: -135px -54px
}

.presell-list .presell-tel span {
    margin-right: 10px
}

.presell-list .presell-empty {
    height: 36px;
    width: 214px;
    margin: 3px 0 0;
    background: #fff;
    overflow: hidden;
    zoom: 1
}

.presell-list .presell-empty span {
    float: left;
    width: 70px;
    height: 36px;
    background: #7fb2e9;
    font: 12px/35px 'Microsoft YaHei', arial;
    text-align: center;
    color: #fff
}

.presell-list .presell-empty p {
    float: left;
    padding: 2px;
    line-height: 16px;
    width: 130px;
    padding-left: 10px;
    font-family: 'Microsoft YaHei', arial;
    color: #666
}

.contract-upgrade {
    margin: 6px 0 0;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    zoom: 1
}

.contract-upgrade span {
    float: left;
    margin-right: 3px;
    font-weight: 400;
    color: #999
}

.contract-upgrade a {
    float: left;
    margin-right: 20px;
    padding: 0 0 0 20px;
    position: relative;
    zoom: 1;
    color: #333
}

.contract-upgrade a:hover {
    color: #aaa
}

.contract-upgrade i {
    position: absolute;
    left: 0;
    font: 0/0 arial
}

.contract-upgrade .CTCC i {
    width: 14px;
    height: 12px;
    top: 7px;
    background-position: -20px -110px
}

.contract-upgrade .CUCC i {
    width: 15px;
    height: 11px;
    top: 7px;
    background-position: -39px -110px
}

.contract-upgrade .CMCC i {
    width: 14px;
    height: 13px;
    top: 7px;
    background-position: 0 -110px
}

.product-param {
    padding: 6px 0 0
}

.product-param li {
    float: left;
    padding-right: 5px;
    width: 193px;
    height: 48px;
    margin: 9px 0 0
}

.product-param p {
    height: 24px;
    font: 700 14px/23px 'Microsoft YaHei', arial;
    overflow: hidden;
    color: #666;
    word-break: break-all;
    word-wrap: break-word
}

.product-param .param-value {
    font-weight: 400
}

.product-param-more {
    margin: 10px 0 0;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px
}

.product-param-more a b {
    font-family: simsun;
    font-weight: 400
}

.unrecognized-tip {
    height: 20px;
    line-height: 20px;
    color: #999;
    margin: 20px 0 0
}

.product-comment-overview {
    height: 24px;
    zoom: 1;
    margin-top: 9px;
    padding: 4px 0 0;
    color: #999;
    line-height: 24px
}

.product-comment-overview strong {
    float: left;
    width: 75px;
    font-weight: 400;
    font-size: 14px
}

.product-comment-overview span {
    float: left;
    margin: 0 10px 0 0
}

.product-comment-overview .star {
    margin: 5px 6px 0 0
}

.product-comment-overview .comment-user-num {
    color: #999
}

.product-comment-overview .comment-user-num a {
    color: #333
}

.product-comment-overview .comment-user-num em {
    color: #f33
}

.product-comment-overview .comment-user-num a:hover, .product-comment-overview .comment-user-num a:hover em {
    color: #aaa
}

.product-comment-overview .comment-add-link {
    float: right;
    position: relative;
    margin-right: -26px;
    width: 76px
}

.product-comment-overview .comment-add-link a {
    position: relative;
    display: block;
    padding: 0 0 0 22px;
    color: #fff;
    background-color: #30C37E;
    zoom: 1
}

.product-comment-overview .comment-add-link a b {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 11px;
    height: 11px;
    background-position: -109px -89px
}

.product-comment-overview .comment-add-link a:hover {
    background-color: #00a39E;
    color: #fff;
    text-decoration: none
}

.product-comment-overview .comment-add-link i {
    position: absolute;
    right: 0;
    top: -5px;
    width: 5px;
    height: 5px;
    font: 0/0 arial;
    background-position: -115px -107px
}

.product-comment-overview .space {
    color: #ccc;
    font-family: SimSun
}

.product-comment-editor-list {
    padding: 3px 0 1px 0
}

.product-comment-editor-list li {
    position: relative;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0 0 36px;
    color: #666;
    word-break: break-all;
    word-wrap: break-word
}

.product-comment-editor-list li strong {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    color: #999;
    line-height: 24px
}

.product-comment-editor-list .summarize {
    height: auto;
    max-height: 48px
}

.product-comment-words {
    zoom: 1
}

.product-comment-words li {
    padding: 8px 0 0;
    overflow: hidden;
    height: 22px;
    zoom: 1;
    font: 0/0 'Microsoft YaHei', arial
}

.product-comment-words a {
    display: inline-block;
    margin: 0 10px 6px 0;
    padding: 0 8px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei', arial;
    overflow: hidden;
    white-space: nowrap;
    background: #fff;
    zoom: 1
}

.product-comment-words .good-words a {
    border: 1px solid #ffcaa6;
    color: #f60
}

.product-comment-words .good-words a:hover {
    background: #fff6f0;
    color: #f60;
    text-decoration: none
}

.product-comment-words .bad-words a {
    border: 1px solid #8cdac1;
    color: #096
}

.product-comment-words .bad-words a:hover {
    background: #ebf9f4;
    color: #096;
    text-decoration: none
}

.empty-comment {
    padding: 15px 0 5px 126px;
    height: 84px;
    overflow: hidden;
    position: relative;
    zoom: 1
}

.empty-comment i {
    position: absolute;
    left: 0;
    top: 15px;
    width: 115px;
    height: 84px
}

.empty-comment p {
    margin: 0 0 5px 0;
    padding: 5px 0;
    height: 26px;
    font: 16px/26px 'Microsoft YaHei', arial;
    color: #333
}

.empty-comment .to-write-comment {
    display: block;
    width: 84px;
    height: 32px;
    overflow: hidden;
    padding: 0 0 0 10px;
    background: #30C37E;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px
}

.empty-comment .to-write-comment .icon {
    float: left;
    width: 11px;
    height: 11px;
    overflow: hidden;
    margin: 10px 6px 0 0;
    background-position: -109px -89px
}

.empty-comment .to-write-comment:hover {
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.product-comment {
    width: 507px;
    margin: 14px 0 0;
    border-top: 1px solid #efefef
}

.product-detail-box {
    margin: 20px 0 0;
    padding: 0 0 20px;
    border: 1px solid #e6e6e6;
    position: relative
}

.product-detail-box .product-pics {
    display: inline;
    float: left;
    width: 400px;
    margin: 20px 0 0 20px;
    border-right: 1px solid #efefef
}

.product-detail-box .product-detail-main {
    float: left;
    width: 510px;
    margin: 20px 0 0 -1px;
    padding: 0 0 0 20px;
    border-left: 1px solid #efefef
}

.product-detail-main .links {
    position: relative
}

.product-detail-box .product-pics .bigpic {
    position: relative;
    width: 280px
}

.product-detail-box .bigpic a {
    display: block;
    position: relative;
    width: 280px;
    height: 210px;
    overflow: hidden;
    text-align: center
}

.product-detail-box #picSlideVideo span {
    position: absolute;
    left: 1px;
    top: 182px;
    padding: 0 10px;
    width: 258px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: left;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000, gradientType=1)
}

:root .product-detail-box #picSlideVideo span {
    filter: none
}

.product-detail-box #picSlideVideo .vdate {
    position: absolute;
    right: 10px;
    top: 0;
    height: 28px;
    white-space: nowrap
}

.product-detail-box .bigpic .v-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 53px;
    height: 53px;
    margin: -26px 0 0 -26px;
    text-indent: -9999em;
    overflow: hidden
}

.product-detail-box .bigpic .cover {
    position: absolute;
    left: 1px;
    top: 0;
    width: 278px;
    height: 100%;
    background: #000;
    opacity: .15;
    filter: alpha(opacity=15)
}

.product-detail-box .bigpic a:hover {
    color: #fff;
    text-decoration: none
}

.product-detail-box .smallpics {
    padding: 16px 0 0 1px
}

.product-detail-box .smallpics li {
    position: relative;
    float: left;
    width: 62px;
    height: 74px;
    margin: 4px 10px 0 0;
    text-align: center
}

.product-detail-box .smallpics a {
    display: block;
    position: relative;
    width: 60px;
    height: 72px;
    padding: 1px
}

.product-detail-box .smallpics .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #e6e6e6
}

.product-detail-box .smallpics img {
    max-height: 45px;
    vertical-align: middle
}

.product-detail-box .smallpics span {
    position: absolute;
    bottom: 5px;
    left: 0;
    display: block;
    width: 60px;
    height: 18px;
    overflow: hidden;
    color: #666;
    line-height: 18px;
    word-break: break-all;
    cursor: pointer
}

.product-detail-box .smallpics a:hover span {
    color: #aaa;
    text-decoration: underline
}

.product-detail-box .smallpics a:hover .mask {
    width: 58px;
    height: 43px;
    border: 2px solid #30C37E
}

.product-detail-box .smallpics .current a span {
    color: #aaa;
    text-decoration: underline
}

.product-detail-box .smallpics .current .mask {
    width: 58px;
    height: 43px;
    border: 2px solid #30C37E
}

.product-detail-box .smallpics .v {
    padding-left: 28px;
    width: 32px;
    text-align: left;
    background-position: -99px -61px
}

.product-detail-box .colors {
    margin-top: 8px;
    overflow: hidden;
    height: 18px
}

.product-detail-box .colors strong {
    float: left;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.product-detail-box .color-list a {
    float: left;
    width: 54px;
    margin: 0 0 0 5px;
    text-align: center;
    color: #999
}

.product-detail-box .color-list span {
    display: block;
    width: 54px;
    height: 16px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    text-indent: -999em
}

.product-detail-box .color-list a:hover {
    color: #f60
}

.product-detail-box .color-list a:hover span {
    border-color: #cca37a !important
}

.product-detail-box .view-all-pics {
    position: relative;
    display: block;
    margin: 12px 0 0;
    padding: 0 20px 0 0
}

.product-detail-box .view-all-pics a {
    display: block;
    height: 18px;
    overflow: hidden;
    zoom: 1;
    line-height: 18px;
    font-size: 14px;
    color: #333
}

.product-detail-box .view-all-pics a:hover, .product-detail-box .view-all-pics a:hover span {
    text-decoration: underline;
    cursor: pointer;
    color: #aaa
}

.product-detail-box .view-all-pics span {
    float: left;
    margin: 0 5px 0 0
}

.product-detail-box .view-all-pics em {
    float: left;
    width: 5px;
    height: 9px;
    overflow: hidden;
    margin: 4px 0 0 0;
    background-position: -75px -60px;
    text-indent: -999em
}

.product-detail-box .news-list {
    margin: 15px 0 0;
    padding: 10px 15px;
    background-color: #fafafa
}

.product-detail-box .news-list li {
    height: 26px;
    overflow: hidden;
    line-height: 26px
}

.product-detail-box .news-list a {
    float: left;
    color: #333;
    font-size: 14px
}

.product-detail-box .news-list a:hover {
    color: #aaa
}

.product-detail-box .news-list .num {
    margin: 0 0 0 5px;
    color: #999
}

.product-detail-box .news-list .type {
    float: left;
    height: 18px;
    margin: 4px 5px 0 0;
    padding: 0 3px;
    background: #30C37E;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.product-detail-box .news-list .type:hover {
    color: #fff;
    text-decoration: none
}

.product-detail-box .news-list .icon {
    float: left;
    overflow: hidden;
    margin: 0 0 0 5px;
    text-indent: -999em;
    vertical-align: 0
}

.product-detail-box .news-list .pic-icon {
    width: 14px;
    height: 13px;
    margin-top: 6px;
    background-position: -20px -39px
}

.product-detail-box .news-list .new-icon {
    width: 9px;
    height: 11px;
    margin-top: 7px;
    background-position: -40px -40px
}

.product-detail-box .news-list .space {
    float: left;
    padding: 0 10px;
    color: #ccc;
    font-family: SimSun
}

.product-detail-box .news-list-with-pic {
    margin: 20px 0 0;
    padding: 5px 0;
    background: #fff
}

.product-detail-box .news-list .news-with-pic {
    height: 60px;
    overflow: hidden;
    margin-bottom: 6px;
    position: relative
}

.product-detail-box .news-list .news-with-pic .type {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    color: #fff
}

.product-detail-box .news-list .news-with-pic .title {
    display: block;
    padding-left: 92px;
    height: 60px;
    overflow: hidden;
    float: none;
    background-color: #fafafa;
    cursor: pointer
}

.product-detail-box .news-list .news-with-pic img {
    float: left;
    margin-left: -92px
}

.product-detail-box .news-list .news-with-pic a:hover {
    text-decoration: none
}

.product-detail-box .news-list .news-with-pic a span {
    float: left;
    padding: 5px 0;
    color: #333
}

.product-detail-box .news-list .news-with-pic a span:hover {
    color: #aaa;
    text-decoration: underline
}

.product-detail-box .news-list .news-with-pic .pic-icon {
    margin-top: 11px
}

.product-detail-box .news-list .news-with-pic p {
    overflow: hidden;
    zoom: 1
}

.product-detail-box .news-list .news-with-pic .cnum, .product-detail-box .news-list .news-with-pic .date {
    float: left;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    margin-right: 15px;
    padding-left: 17px
}

.product-detail-box .news-list .news-with-pic .cnum {
    background-position: 0 -16px
}

.product-comment .list_title {
    position: relative;
    border-top: 2px solid #30c37e;
    margin-top: 15px;
    background: #f0f0f0;
    line-height: 36px;
    padding-left: 10px
}

.product-comment .list_title a {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    color: #aaa;
    right: 10px;
    top: 1px
}

.product-detail-box .playing-li {
    padding-top: 5px;
    height: 248px;
    overflow-y: auto
}

.product-detail-box .playing-li li {
    line-height: 30px;
    border-top: 1px solid #eee;
    font-size: 0
}

.product-detail-box .playing-li li a, .product-detail-box .playing-li li span {
    display: inline-block;
    height: 30px;
    vertical-align: top;
    font-size: 12px
}

.product-detail-box .playing-li li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product-detail-box .playing-li li .num {
    width: 30px;
    text-align: center;
    margin-right: 5px
}

.product-detail-box .playing-li li .name {
    width: 300px
}

.product-detail-box .playing-li li .singer {
    width: 120px;
    color: #aaa
}

.product-detail-box .playing-li li .singer:hover {
    color: #333
}

.product-detail-box .playing-li li .menu {
    width: 30px;
    height: 30px;
    text-align: center
}

.product-detail-box .playing-li li .menu a {
    color: #ccc
}

.product-detail-box .playing-li li .menu a:hover {
    color: #333
}

.product-detail-box .playing-li li:first-child {
    border: none
}

.product-detail-box .playing-li li.current {
    color: #30C37E
}

.product-detail-box .playing-li li.current a {
    color: #30C37E
}

.product-detail-box .playing-li li.current .pling {
    display: block;
    text-indent: -9999px;
    background: url(../image/i_disc.gif) no-repeat center
}

.product-detail-box .links > a {
    float: left;
    height: 30px;
    margin: 16px 10px 0 0;
    padding: 0 16px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    line-height: 30px;
    font-size: 16px
}

.product-detail-box .links .compare_con {
    position: absolute;
    z-index: 99999;
    display: none;
    top: 56px;
    left: 88px
}

.product-detail-box .links .icon {
    float: left;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 11px 0 0 0
}

.product-detail-box .links .minimum-link-A, .product-detail-box .links .minimum-link-B {
    border: 1px solid #30C37E;
    background: #30C37E;
    color: #fff;
    padding: 0 10px;
    border-radius: 4px;
    cursor: pointer
}

.product-detail-box .links .minimum-link-A:hover, .product-detail-box .links .minimum-link-B:hover {
    border: 1px solid #00a39E;
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.product-detail-box .links .minimum-link-A {
    font-family: iconfont
}

.product-detail-box .links .minimum-link-A::before {
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.product-detail-box .links .click_play::before {
    content: "\e62c"
}

.product-detail-box .links .click_pause::before {
    content: "\e606"
}

.product-detail-box .links .click_down::before {
    content: "\e613"
}

.product-detail-box .links .consultation-link {
    border: 1px solid #30C37E;
    background: #30C37E;
    color: #fff
}

.product-detail-box .links .consultation-link:hover {
    border: 1px solid #00a39E;
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.product-detail-box .links .local-buy-link {
    display: none;
    border: 1px solid #30C37E;
    background: #30C37E;
    color: #fff
}

.product-detail-box .links .local-buy-link:hover {
    border: 1px solid #00a39E;
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.product-detail-box .links .compare-link {
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #666;
    margin-right: 0;
    line-height: 34px;
    border-radius: 4px
}

.product-detail-box .links .compare-link:hover {
    background: #f5f5f5;
    color: #666;
    text-decoration: none
}

.product-detail-box .minimum-link-A .icon {
    width: 16px;
    height: 16px;
    background-position: 0 0
}

.product-detail-box .minimum-link-B .icon {
    width: 15px;
    height: 15px;
    background-position: -54px -21px
}

.product-detail-box .consultation-link .icon {
    width: 14px;
    height: 14px;
    background-position: -34px -60px
}

.product-detail-box .local-buy-link .icon {
    margin-top: 9px;
    width: 15px;
    height: 20px;
    background-position: 0 -23px
}

.product-detail-box .compare-link .icon {
    margin-top: 6px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: 0 0
}

.product-detail-box .compare-link .icon::before {
    content: "\e62a";
    font-family: iconfont;
    font-size: 20px;
    color: #30C37E;
    font-style: normal
}

.product-detail-box .links .dell-official-buy {
    background-color: #30C37E;
    border-color: #30C37E
}

.product-detail-box .links .dell-official-buy:hover {
    background-color: #00a39E;
    border-color: #00a39E
}

.nplayL-btns {
    background: #f0f0f0;
    height: 30px;
    line-height: 30px
}

.nplayL-btns ul {
    padding: 0 10px
}

.nplayL-btns li {
    display: inline-block;
    padding: 0 5px;
    line-height: 32px;
    vertical-align: top
}

.nplayL-btns li a {
    color: #aaa
}

.nplayL-btns li a:hover {
    text-decoration: none;
    color: #30C37E !important
}

.nplayL-btns li a.icon {
    font-family: iconfont;
    font-size: 20px
}

.nplayL-btns li.order a::before {
    content: "\e67e"
}

.nplayL-btns li.single {
    line-height: 28px
}

.nplayL-btns li.single a::before {
    content: "\e600";
    font-size: 18px
}

.nplayL-btns li.random a::before {
    content: "\e680"
}

.nplayL-btns li.cl_all {
    margin-left: 10px
}

.nplayL-btns li.next {
    float: right;
    line-height: 28px
}

.nplayL-btns li.next a {
    color: #30C37E
}

.nplayL-btns li.next a::before {
    content: "\e612";
    font-family: iconfont;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 1px
}

.nplayL-btns li.current a {
    color: #30C37E;
    cursor: default
}

.product-detail-box .links .dell-official-buy .icon {
    margin-top: 10px;
    width: 20px;
    height: 20px
}

.product-detail-box .links .jd-festival-buy, .product-detail-box .links .jd-festival-buy:hover {
    width: 120px;
    height: 40px;
    border: 0 none;
    padding: 0;
    text-indent: -999em;
    overflow: hidden
}

.product-detail-box .links .jd-festival-buy .icon {
    display: none !important
}

.compare-layerbox {
    width: 375px
}

.compare-layerbox .layerbox-main {
    padding: 15px 20px 20px
}

.compare-layerbox .compare-list {
    margin-right: -38px
}

.compare-layerbox .compare-list li {
    float: left;
    width: 80px;
    padding: 0 28px 0 10px;
    text-align: center
}

.compare-layerbox .compare-list li span {
    display: block;
    height: 36px;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap
}

.compare-layerbox .compare-list a:hover span {
    color: #aaa
}

.compare-layerbox .compare-list .compare-btn {
    position: relative;
    display: block;
    height: 22px;
    padding: 0 10px 0 20px;
    margin: 10px 0 0;
    border: 1px solid #a2caf2;
    background: #f0f7ff;
    color: #2966ae;
    line-height: 22px;
    cursor: pointer
}

.compare-layerbox .compare-list .compare-btn b {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background-position: -50px -155px;
    text-indent: -999em
}

.compare-layerbox .compare-list .compare-btn:hover {
    background-color: #fff
}

.compare-layerbox .compare-list .cancel-btn {
    background: #fff
}

.compare-layerbox .compare-list .cancel-btn b {
    background-position: -65px -115px
}

.compare-layerbox .compare-list .cancel-btn:hover {
    background-color: #f0f7ff
}

.product-try-news {
    background: #f5f5f5;
    height: 22px;
    padding: 7px;
    overflow: hidden;
    margin: 20px 0 4px;
    line-height: 22px
}

.product-try-news .type {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 58px;
    height: 22px;
    background: #f60;
    text-align: center;
    color: #fff
}

.product-try-news .type i {
    position: absolute;
    right: -8px;
    top: 7px;
    width: 0;
    height: 0;
    font: 0/0 arial;
    border-style: solid;
    border-width: 4px;
    border-color: #f5f5f5 #f5f5f5 #f5f5f5 #f60
}

.product-try-news a {
    float: left;
    font-size: 14px;
    color: #333
}

.product-try-news a:hover {
    color: #aaa
}

.product-try-news em {
    position: relative;
    top: -2px;
    left: 5px;
    float: left;
    width: 9px;
    height: 11px;
    font: 0/0 arial;
    background-position: -40px -40px
}

.product-crowdfunding-news {
    background: #f5f5f5;
    height: 22px;
    padding: 7px;
    overflow: hidden;
    margin: 20px 0 4px;
    line-height: 22px
}

.product-crowdfunding-news .type {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 58px;
    height: 22px;
    background: #30C37E;
    text-align: center;
    color: #fff
}

.product-crowdfunding-news .type i {
    position: absolute;
    right: -8px;
    top: 7px;
    width: 0;
    height: 0;
    font: 0/0 arial;
    border-style: solid;
    border-width: 4px;
    border-color: #f5f5f5 #f5f5f5 #f5f5f5 #30C37E
}

.product-crowdfunding-news a {
    float: left;
    font-size: 14px;
    color: #333
}

.product-crowdfunding-news a:hover {
    color: #aaa
}

.product-crowdfunding-news em {
    position: relative;
    top: -2px;
    left: 5px;
    float: left;
    width: 9px;
    height: 11px;
    font: 0/0 arial;
    background-position: -40px -40px
}

.case-custom-area {
    margin-top: 13px;
    padding: 14px 0 0;
    border-top: 1px solid #efefef
}

.case-custom-area-with-comment-words {
    margin-top: 20px
}

.case-custom-color, .case-custom-version {
    padding: 0 0 4px 74px;
    overflow: hidden;
    zoom: 1
}

.case-custom-color strong, .case-custom-version strong {
    float: left;
    width: 72px;
    height: 28px;
    line-height: 28px;
    margin: 6px 0 0 -74px;
    color: #999;
    font-size: 14px;
    font-weight: 400
}

.case-custom-color li, .case-custom-version a {
    position: relative;
    float: left;
    margin: 6px 6px 0 0;
    height: 24px;
    padding: 1px 7px;
    line-height: 24px;
    color: #666;
    border: 1px solid #ccc;
    cursor: pointer
}

.case-custom-color .current, .case-custom-color li:hover, .case-custom-version .current, .case-custom-version a:hover {
    color: #666;
    padding: 0 6px;
    border: 2px solid #30C37E;
    text-decoration: none
}

.case-custom-color .case-custom-color-value {
    float: left;
    width: 10px;
    height: 10px;
    margin: 6px 6px 0 0;
    border: 1px solid #ccc
}

.case-custom-color li i, .case-custom-version a i {
    display: none;
    position: absolute;
    right: 0;
    top: 12px;
    width: 11px;
    height: 12px
}

.case-custom-color .current i, .case-custom-version .current i {
    display: block
}

.recommended-distributor .section-header {
    z-index: 2
}

.recommended-distributor .section-header h3 {
    float: left;
    margin: 0;
    padding: 0 10px 0 20px
}

.recommended-distributor .your-city {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 12px 10px 0 0;
    padding: 0 0 0 28px;
    position: relative;
    border-left: 1px solid #d2d2d2;
    font-size: 16px;
    background-position: -28px -19px
}

.recommended-distributor .distributor-citys {
    float: left;
    width: 82px;
    height: 26px;
    margin: 9px 0 0;
    position: relative
}

.recommended-distributor .distributor-citys-trigger {
    position: relative;
    z-index: 2;
    display: block;
    padding: 0 0 0 8px;
    height: 24px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    line-height: 24px;
    color: #666
}

.recommended-distributor .distributor-citys-trigger i {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 9px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -31px -95px
}

.distributor-citys-on .distributor-citys-trigger i {
    background-position: -41px -95px
}

.distributor-citys-on .distributor-citys-trigger:after {
    content: ' ';
    position: absolute;
    z-index: -2;
    left: 0;
    top: -1px;
    width: 100%;
    height: 24px;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, .1)
}

.distributor-citys-on .distributor-citys-trigger:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 23px;
    width: 100%;
    height: 5px;
    background: #fff
}

.recommended-distributor .distributor-citys-list {
    display: none;
    position: absolute;
    left: 0;
    top: 25px;
    padding: 10px 0 10px 10px;
    width: 360px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 1px 0 5px 0 rgba(0, 0, 0, .1)
}

.distributor-citys-on .distributor-citys-list {
    display: block
}

.recommended-distributor .distributor-citys-list span {
    float: left;
    width: 60px;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.recommended-distributor .distributor-citys-list a {
    color: #666
}

.recommended-distributor .distributor-citys-list a:hover {
    color: #aaa
}

.recommended-distributor .section-content {
    border-right: 0 none;
    border-bottom: 0 none
}

.recommended-distributor-list li {
    float: left;
    padding: 15px 0 15px 20px;
    width: 232px;
    height: 98px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.without-services .recommended-distributor-list li {
    height: 62px
}

.recommended-distributor-list .hover {
    background-color: #f2f9ff;
    border-color: #c0d8f0;
    border-left: 1px solid #c0d8f0;
    border-top: 1px solid #c0d8f0;
    margin: -1px 0 0 -1px;
    position: relative;
    z-index: 1
}

.recommended-distributor-list .distributor-name {
    width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    font-size: 14px
}

.recommended-distributor-list .distributor-price {
    float: right;
    padding-right: 20px;
    height: 22px;
    line-height: 22px;
    margin: -22px 0 0;
    color: #f33
}

.recommended-distributor-list .distributor-price b {
    font-size: 14px;
    font-weight: 400
}

.recommended-distributor-list .distributor-tel {
    height: 16px;
    line-height: 16px;
    overflow: hidden
}

.recommended-distributor-list .tel {
    float: left;
    margin-right: 20px;
    padding-left: 20px;
    background-position: -36px 5px
}

.recommended-distributor .qq-offline, .recommended-distributor .qq-online {
    float: left;
    width: 15px;
    height: 16px;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer
}

.recommended-distributor .qq-online {
    background-position: 0 0
}

.recommended-distributor .qq-online:hover {
    background-position: 0 -20px
}

.recommended-distributor .qq-offline {
    background-position: 0 -40px
}

.recommended-distributor .qq-offline:hover {
    background-position: 0 -60px
}

.recommended-distributor-list .distributor-address, .recommended-distributor-list .distributor-credit {
    height: 18px;
    overflow: hidden;
    margin: 4px 0 0;
    color: #999
}

.recommended-distributor-list .distributor-credit {
    display: none
}

.recommended-distributor-list .distributor-credit img {
    vertical-align: middle;
    position: relative;
    top: -2px
}

.recommended-distributor-list .distributor-credit .cstar {
    position: relative;
    top: 1px
}

.recommended-distributor-list .distributor-services {
    position: relative;
    height: 38px;
    overflow: hidden
}

.recommended-distributor-list .distributor-services-list {
    position: absolute;
    left: -21px;
    top: 0;
    width: 232px;
    padding: 6px 0 5px 20px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.recommended-distributor-list .distributor-services-list span {
    float: left;
    width: 65px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin: 5px 5px 0 0;
    text-align: center;
    border: 1px dashed #ccc;
    background-color: #fff;
    color: #666
}

.recommended-distributor-list .hover .distributor-services {
    overflow: visible
}

.recommended-distributor-list .hover .distributor-services-list {
    background-color: #f2f9ff;
    border-color: #c0d8f0;
    padding-bottom: 20px;
    border-bottom: 1px solid #c0d8f0;
    box-shadow: 0 2px 4px -3px rgba(0, 0, 0, .5)
}

.recommended-distributor-list .hover .distributor-credit {
    display: block
}

.without-services .distributor-services {
    display: none
}

.config-section .section-header .more {
    float: right;
    position: relative;
    padding-left: 26px;
    text-align: left;
    width: 60px
}

.config-section .section-header .more i {
    position: absolute;
    left: 10px;
    top: 6px;
    width: 10px;
    height: 12px
}

.config-section .section-header .showdate {
    padding-left: 10px;
    font-weight: 400;
    color: #666;
    font-size: 12px
}

.config-section .section-header h3 {
    float: left;
    margin-right: 14px
}

.config-section .section-header .battery-life {
    float: left;
    margin-top: 7px;
    height: 29px;
    overflow: hidden;
    font-size: 12px;
    line-height: 28px;
    color: #fff
}

.config-section .section-header .battery-life strong {
    float: left;
    width: 60px;
    height: 29px;
    padding-left: 13px;
    font-size: 14px
}

.config-section .section-header .battery-life em {
    float: left;
    height: 29px;
    padding-right: 20px;
    color: #f33;
    font-weight: 700
}

.config-section .section-content {
    padding: 20px 20px 0
}

.config-section .config-tips {
    float: right;
    height: 24px;
    margin: -28px -10px 0 0;
    line-height: 24px;
    white-space: nowrap;
    color: #999
}

.config-section .config-tab {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6
}

.config-section .config-tab li {
    position: relative;
    float: left;
    padding: 2px 15px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    cursor: pointer;
    color: #666;
    background-color: #fafafa
}

.config-section .config-tab .active {
    background-color: #fff;
    border-top: 2px solid #30C37E;
    padding-top: 1px;
    padding-bottom: 3px;
    margin-bottom: -1px;
    color: #333
}

.config-section .config-panel {
    padding: 18px 0 17px;
    height: 438px
}

.config-section .parameter-list-wrap {
    float: right;
    width: 398px
}

.config-section .parameter-list li {
    position: relative;
    height: 32px;
    margin: 12px 0 0;
    padding: 0 0 0 138px;
    line-height: 32px;
    zoom: 1
}

.parameter-list .parameter-name {
    position: absolute;
    top: 0;
    left: -13px;
    padding-left: 13px;
    width: 130px;
    overflow: hidden;
    font: 400 12px/32px "microsoft yahei", arial;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    z-index: 1
}

.parameter-list .parameter-name strong {
    font-weight: 400
}

.parameter-list .hover .parameter-name {
    padding-right: 10px;
    border-left: 3px solid #30C37E;
    padding-left: 10px
}

.parameter-list .parameter-name, .parameter-list .parameter-name:hover {
    color: #333;
    text-decoration: none
}

.parameter-list .animate {
    position: absolute;
    left: 138px;
    top: 0;
    width: 10px;
    height: 32px;
    background: #e5f2ff
}

.parameter-list .animate-empty {
    background: #f5f5f5
}

.parameter-list .parameter-rate {
    position: relative;
    z-index: 2;
    width: 260px;
    height: 32px;
    overflow: hidden;
    vertical-align: middle
}

.parameter-rate a {
    position: relative;
    z-index: 2;
    display: block;
    height: 32px;
    background: #e5f2ff;
    color: #0a50a1;
    overflow: hidden
}

.parameter-list .hover .parameter-rate a, .parameter-rate a:hover {
    text-decoration: none
}

.parameter-rate .extra-text {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 10px
}

.parameter-list .ram-rate {
    float: left;
    width: 150px
}

.parameter-list .rom-rate {
    float: left;
    width: 250px
}

.parameter-list .expansion-rate {
    float: left;
    width: 60px
}

.parameter-list .plus-icon {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 9px 15px 0;
    background-position: -55px -130px;
    text-indent: -999em
}

.parameter-list .current-parameter .parameter-rate a {
    background: #30C37E;
    color: #fff
}

.parameter-list .parameter-rate em {
    padding: 0 0 0 10px;
    white-space: nowrap
}

.parameter-list .empty span {
    display: block;
    height: 32px;
    background: #f5f5f5;
    color: #999;
    font-size: 12px;
    line-height: 32px;
    width: 100% !important
}

.config-section .radios-box {
    height: 32px;
    margin: 12px 0 0;
    overflow: hidden;
    zoom: 1
}

.config-section .radios-box label {
    float: left;
    padding: 0 20px 0 0;
    line-height: 32px
}

.config-section .radios-box input {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin: 9px 5px 0 0
}

.config-section .parameter-summarize {
    margin: 40px 0 0
}

.config-section .parameter-summarize table {
    width: 100%;
    height: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    table-layout: fixed
}

.config-section .parameter-summarize td {
    height: 5px;
    border-right: 1px solid #dbdbdb;
    font: 400 0/0 arial
}

.config-section .parameter-summarize p {
    margin: 6px 0 0;
    color: #666
}

.config-section .parameter-summarize p em {
    color: #30C37E
}

.config-section .parameter-summarize .table-wrap {
    position: relative;
    zoom: 1
}

.config-section .table-wrap .point {
    position: absolute;
    left: 0;
    width: 11px;
    height: 11px;
    top: -1px;
    margin-left: -5px;
    font-size: 12px
}

.config-section .table-wrap .icon {
    display: block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-position: -25px -130px
}

.table-wrap .point span {
    position: absolute;
    width: 100px;
    left: -45px;
    top: -20px;
    text-align: center
}

.table-wrap .point-end span {
    text-align: right;
    left: auto;
    right: 0
}

.config-section .parameter-summarize-list {
    padding: 0 0 12px 138px
}

.config-section .ram-parameter-summarize {
    float: left;
    width: 150px;
    margin-right: 44px
}

.config-section .rom-parameter-summarize {
    float: left;
    width: 250px
}

.parameter-slider {
    float: left;
    width: 280px;
    height: 426px;
    overflow: hidden;
    margin: 12px 0 0
}

.parameter-slider .bxslider {
    height: 403px;
    overflow: hidden
}

.parameter-slider .bxslider li {
    height: 403px;
    overflow: hidden;
    width: 280px
}

.parameter-slider img {
    display: block
}

.parameter-slider .title {
    display: block;
    height: 36px;
    margin: 7px 0 0;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden
}

.parameter-slider .bx-pager {
    height: 11px;
    overflow: hidden;
    margin: 12px 0 0;
    text-align: center;
    font: 0/0 arial
}

.parameter-slider .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
}

.parameter-slider .bx-pager-link {
    display: inline-block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-position: -40px -130px;
    font: 0/0 arial
}

.parameter-slider .active {
    background-position: -25px -130px
}

.config-section .ram-rom-ul {
    padding-left: 10px
}

.config-section .ram-rom-ul li {
    position: relative;
    zoom: 1;
    float: left;
    padding: 12px 0 0 180px
}

.config-section .ram-rom-ul .ram-icon, .config-section .ram-rom-ul .rom-icon {
    display: block;
    width: 62px;
    height: 62px;
    overflow: hidden;
    background-position: 0 -455px;
    color: #fff;
    text-align: center;
    font: 700 14px/62px arial;
    cursor: default
}

.config-section .ram-rom-ul .active .ram-icon, .config-section .ram-rom-ul .active .rom-icon, .config-section .ram-rom-ul .ram-icon:hover, .config-section .ram-rom-ul .rom-icon:hover {
    background-position: 0 -385px
}

.config-section .ram-rom-ul .pop-layer {
    display: none;
    position: absolute;
    bottom: 71px;
    left: 115px;
    width: 170px;
    padding: 6px 10px 7px;
    border: 1px solid #e6e6e6;
    background: #fff;
    color: #666
}

.config-section .pop-layer .arrow-icon {
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 13px;
    height: 7px;
    overflow: hidden;
    margin: 0 0 0 -6px;
    background-position: -75px -130px
}

.config-section .parameter-softs {
    float: left;
    width: 240px
}

.config-section .parameter-softs label {
    display: block;
    position: relative;
    overflow: hidden;
    zoom: 1;
    margin: 12px 0 0 20px;
    padding: 0 0 35px 50px;
    text-align: center
}

.config-section .parameter-softs input {
    position: absolute;
    left: 0;
    top: 24px;
    width: 14px;
    height: 14px;
    overflow: hidden
}

.config-section .parameter-softs img {
    vertical-align: top
}

.config-section .parameter-softs span {
    display: block;
    height: 24px;
    overflow: hidden;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word
}

.product-param-item {
    margin: 0 -10px 0 0
}

.product-param-item li {
    float: left;
    width: 356px;
    height: 48px;
    overflow: hidden;
    padding: 0 0 18px 0
}

.product-param-item .param-icon {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 1px 8px 0 0
}

.product-param-item p {
    font-size: 0;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word
}

.product-param-item p span {
    font-size: 14px;
    font-weight: 700
}

.product-param-item p .param-value {
    margin-left: -1px;
    color: #666;
    font-weight: 400
}

.product-param-item .param-icon span {
    display: block;
    width: 46px;
    height: 46px;
    overflow: hidden
}

.product-param-item .param-icon .picon1 {
    background-position: 0 0
}

.product-param-item .param-icon .picon2 {
    background-position: -47px 0
}

.product-param-item .param-icon .picon3 {
    background-position: 0 -47px
}

.product-param-item .param-icon .picon4 {
    background-position: -47px -47px
}

.pi-57 .param-icon {
    margin-right: 6px
}

.pi-57 li {
    white-space: nowrap
}

.pi-57 .high, .pi-57 .highest, .pi-57 .low, .pi-57 .middle {
    padding-right: 20px;
    overflow: hidden
}

.pi-57 .high {
    background-position: 100% -386px
}

.pi-57 .low {
    background-position: 100% -427px
}

.pi-57 .middle {
    background-position: 100% -406px
}

.pi-57 .highest {
    background-position: 100% -364px
}

.param-desc-box {
    display: none;
    position: absolute;
    z-index: 999;
    padding: 31px 10px 10px 17px;
    width: 309px;
    height: 88px;
    overflow: hidden;
    background-position: 0 0;
    color: #333
}

.param-high {
    background-position: 0 0
}

.param-highest {
    background-position: 0 -135px
}

.param-bar-box {
    height: 22px
}

.param-desc-box .picon {
    position: absolute;
    z-index: -1;
    right: 1px;
    bottom: 1px
}

.param-bar {
    position: relative;
    float: left;
    width: 99px;
    height: 7px;
    margin: 9px 13px 0 0;
    background-position: 0 -296px
}

.param-ratio {
    display: block;
    height: 7px;
    overflow: hidden;
    font: 0/0 arial;
    background-position: 0 -275px
}

.param-ratio-desc {
    float: left;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

.param-ratio-desc em {
    color: #fa6464
}

.param-high .param-ratio-desc em {
    color: #00c3b4
}

.param-highest .param-ratio-desc em {
    color: #ffa247
}

.param-current {
    position: absolute;
    top: -8px;
    width: 7px;
    height: 4px;
    font: 0/0 "microsoft yahei", arial
}

.param-current i {
    position: relative;
    z-index: 2;
    display: block;
    width: 7px;
    height: 4px;
    overflow: hidden;
    background-position: 0 -319px
}

.param-current-name {
    position: absolute;
    bottom: 3px;
    height: 20px;
    overflow: hidden
}

.param-current-name span {
    display: block;
    height: 18px;
    text-align: center;
    border: 1px solid #d5d5d5;
    background: #fff;
    font: 12px/18px "microsoft yahei", arial
}

.param-title {
    width: 230px;
    margin: 7px 0 0;
    height: 22px;
    font: 12px/22px "microsoft yahei", arial
}

.param-desc {
    width: 230px;
    color: #666
}

.param-desc-box .param-icon-camera {
    width: 70px;
    height: 70px;
    background-position: -72px 0
}

.param-high .param-icon-camera {
    background-position: 0 0
}

.param-desc-box .param-icon-screen {
    width: 85px;
    height: 90px;
    background-position: 0 -134px
}

.param-high .param-icon-screen {
    background-position: 0 -134px
}

.param-desc-box .param-icon-battery {
    width: 70px;
    height: 70px;
    background-position: -72px 0
}

.param-high .param-icon-battery {
    background-position: -72px 0
}

.param-desc-box .param-icon-rom {
    width: 90px;
    height: 60px;
    background-position: 0 -72px
}

.param-high .param-icon-rom {
    background-position: 0 -72px
}

.param-desc-box .param-icon-core {
    width: 95px;
    height: 60px;
    background-position: -92px -72px
}

.param-high .param-icon-core {
    background-position: -92px -72px
}

.param-desc-box .param-icon-ppi {
    width: 85px;
    height: 90px;
    background-position: -87px -134px
}

.param-high .param-icon-ppi {
    background-position: -87px -134px
}

.param-highest .picon {
    background: 0 0;
    display: none
}

.new-recommened {
    padding: 0 20px
}

.new-recommened .user-like-inner {
    padding: 0 0 17px
}

.new-recommened .user-like-list li {
    padding-top: 20px;
    position: relative;
    overflow: visible
}

.new-recommened .new-recommened-rank {
    position: absolute;
    z-index: 4;
    top: 15px;
    right: -12px;
    width: 50px;
    height: 36px;
    line-height: 18px;
    color: #666;
    background-color: #fff;
    border: 1px solid #f60;
    text-align: center
}

.new-recommened-rank em {
    padding: 0 3px;
    color: #f33
}

.new-recommened-rank p {
    height: 18px;
    background: #f60;
    color: #fff
}

.new-recommened-rank span {
    position: absolute;
    right: -1px;
    top: 37px;
    width: 12px;
    height: 8px;
    font: 0/0 arial;
    background-position: -24px -531px
}

.user-like-section .section-content {
    padding: 20px 20px 0
}

.user-like-section .user-like-inner {
    padding-top: 0
}

.user-like {
    padding-top: 14px;
    border-top: 1px solid #f0f0f0
}

.user-like h3 {
    height: 26px;
    font: 16px/26px 'Microsoft YaHei', arial;
    overflow: hidden;
    color: #666
}

.user-like-inner {
    padding: 10px 0 17px;
    width: 928px;
    overflow: hidden
}

.user-like-list {
    width: 938px
}

.user-like-list li {
    position: relative;
    float: left;
    width: 120px;
    margin: 0 14px 0 0;
    overflow: hidden
}

.user-like-list .pic {
    width: 120px;
    height: 120px;
    display: block
}

.user-like-list h4 {
    height: 20px;
    margin: 6px 0 0;
    line-height: 20px;
    overflow: hidden;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word
}

.user-like-list h4 a {
    color: #333
}

.user-like-list h4 a:hover {
    color: #aaa
}

.user-like-price {
    position: absolute;
    right: 0;
    top: 72px;
    height: 18px;
    padding: 0 4px;
    overflow: hidden;
    background-color: #f33;
    color: #fff
}

.user-link-pk {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 22px;
    overflow: hidden;
    padding: 0 6px 0 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
    color: #666
}

.user-link-pk i {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background-position: -50px -155px
}

.user-link-pk:hover {
    background: #f4f4f4;
    color: #666;
    text-decoration: none
}

.user-link-pk:hover i {
    background-position: -60px -155px
}

.user-like-list .hover .user-link-pk {
    display: block
}

.pic-news-list {
    margin-top: -10px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.pic-news-list li {
    position: relative;
    float: none;
    margin: -1px 0 0;
    padding: 20px 0;
    overflow: hidden;
    zoom: 1;
    border-top: 1px solid #f5f5f5
}

.pic-news .type {
    position: absolute;
    top: 20px;
    left: -1px;
    height: 18px;
    padding: 0 3px;
    background: #30C37E;
    color: #fff;
    font: 400 12px/18px 'Microsoft YaHei', arial
}

.pic-news .zhibo {
    background: #f60
}

.pic-news-list .pic {
    float: left;
    width: 120px;
    height: 90px;
    line-height: 86px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    margin-right: 10px;
    text-align: center
}

.pic-news .pic img {
    vertical-align: middle
}

.pic-news .pic:hover {
    text-decoration: none
}

* html .pic-news .pic {
    font-family: simsun;
    height: 90px;
    line-height: 0;
    text-align: center;
    display: inline;
    zoom: 1;
    font-size: 78px
}

.pic-news h4 {
    padding: 0 80px 0 0;
    height: 26px;
    overflow: hidden;
    zoom: 1;
    font: 16px/26px 'Microsoft YaHei', arial;
    word-break: break-all;
    word-wrap: break-word
}

.pic-news .date {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 12px;
    line-height: 26px;
    color: #999
}

.pic-news p {
    max-height: 48px;
    overflow: hidden;
    zoom: 1;
    margin-top: 5px;
    color: #666;
    word-break: break-all;
    word-wrap: break-word;
    font: 12px/24px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"
}

.section-article-header {
    height: 22px;
    position: relative
}

.section-article-header h3 {
    position: relative;
    left: 20px;
    top: -17px;
    width: 117px;
    height: 30px;
    background-position: 0 -543px;
    text-indent: -9999em;
    overflow: hidden
}

.article-item {
    float: left;
    padding: 11px 20px 20px;
    width: 212px
}

.article-item-header {
    position: relative;
    margin: 15px 0;
    height: 4px;
    background: #b2edda
}

.article-item-header h3 {
    position: absolute;
    top: -15px;
    left: 0;
    padding: 0 13px 0 21px;
    height: 34px;
    overflow: hidden;
    background: #fff;
    font: 16px/34px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
    color: #00ae75
}

.article-item-header h3 em {
    position: relative;
    top: -2px;
    padding: 0 4px;
    font-size: 10px
}

.article-item-header i {
    position: absolute;
    z-index: 5;
    left: 0;
    top: -6px;
    width: 15px;
    height: 16px;
    background-position: 0 -584px
}

.article-item .pic {
    width: 210px;
    height: 130px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #d3d3d3
}

* html .article-item .pic {
    display: block;
    font-size: 85px;
    font-family: Arial
}

.article-item img {
    vertical-align: middle;
    max-width: 210px
}

.article-item h4 {
    padding: 6px 0 0;
    overflow: hidden;
    height: 40px;
    font: 14px/20px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
    word-break: break-all;
    word-wrap: break-word
}

.article-item h4 span {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 58px;
    height: 20px;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
    background: #f60;
    color: #fff
}

.article-item h4 i {
    position: absolute;
    right: -8px;
    top: 6px;
    width: 0;
    height: 0;
    font: 0/0 arial;
    border-style: solid;
    border-width: 4px;
    border-color: #fff #fff #fff #f60
}

.article-item p {
    padding: 5px 0 0;
    height: 36px;
    overflow: hidden;
    font: 12px/18px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
    color: #888;
    word-break: break-all;
    word-wrap: break-word
}

.article-item dl {
    position: relative;
    margin: 12px 0 0;
    z-index: 52
}

.article-item dt {
    height: 24px;
    text-align: center;
    font: 12px/24px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
    color: #666;
    border: 1px solid #e6e6e6;
    cursor: pointer
}

.article-item dt span {
    position: relative;
    padding: 0 14px 0 0
}

.article-item dt i {
    position: absolute;
    top: 6px;
    right: 0;
    width: 9px;
    height: 5px;
    background-position: -31px -95px;
    font: 0/0 arial
}

.article-item dt em {
    color: #f60
}

.article-item dd {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    width: 210px;
    background: #f6f6f6;
    border: 1px solid #d8d8d8;
    border-top: 0 none
}

.article-item ul {
    padding: 9px 10px
}

.article-item li {
    position: relative;
    zoom: 1;
    padding: 0 30px 0 10px;
    height: 24px;
    overflow: hidden;
    font: 12px/24px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
    background-position: -117px -586px
}

.article-item .date {
    position: absolute;
    top: 0;
    right: 0;
    color: #999
}

.article-list-on {
    background: #f6f6f6
}

.article-list-on dt {
    border-color: #d8d8d8
}

.article-item .article-list-on dt i {
    background-position: -41px -95px
}

.article-item .article-list-on dd {
    display: block
}

.empty-article {
    margin: 12px 0 0;
    height: 24px;
    text-align: center;
    font: 12px/24px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
    color: #999;
    border: 1px solid #e6e6e6;
    cursor: default
}

.article-item-single .article-item-header {
    background: #ffd1b2
}

.article-item-single .article-item-header h3 {
    color: #f60
}

.article-item-single .article-item-header i {
    background-position: -40px -584px
}

.article-item-market .article-item-header {
    background: #c7dff7
}

.article-item-market .article-item-header h3 {
    color: #30C37E
}

.article-item-market .article-item-header i {
    background-position: -20px -584px
}

.gallery-box {
    position: relative
}

.gallery-box .gallery-mark {
    position: absolute;
    top: -45px;
    right: 20px;
    color: #999;
    font-size: 14px;
    line-height: 44px
}

.gallery-box .gallery-mark em {
    color: #30C37E;
    font-size: 22px
}

.gallery-box img {
    vertical-align: middle
}

.gallery-box li {
    float: left
}

.gallery-box .bx-next, .gallery-box .bx-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    width: 61px;
    height: 94px;
    overflow: hidden;
    margin: -33px 0 0;
    text-indent: -999em;
    cursor: pointer
}

.gallery-box .bx-next {
    left: auto;
    right: 0
}

.gallery-box .bx-next i, .gallery-box .bx-prev i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 54px;
    overflow: hidden;
    margin: -28px 0 0 -14px;
    background-position: 0 0
}

.gallery-box .bx-next i {
    background-position: right top
}

.gallery-box .bx-next:hover, .gallery-box .bx-prev:hover {
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000, gradientType=1)
}

.gallery-box .gallery-data {
    position: relative;
    height: 474px;
    overflow: hidden
}

.gallery-box .gallery-data li {
    width: 758px;
    height: 474px;
    text-align: center;
    overflow: hidden;
    line-height: 472px
}

* html .gallery-box .gallery-data li {
    font-family: simsun;
    line-height: 0;
    display: inline-block;
    zoom: 1;
    font-size: 420px
}

.gallery-box .data-items {
    position: absolute;
    top: 0;
    left: 0
}

.gallery-box .gallery-thumbnail {
    position: relative;
    height: 70px;
    overflow: hidden
}

.gallery-box .gallery-thumbnail .thumbnail-data {
    position: relative;
    height: 50px;
    width: 696px;
    overflow: hidden;
    margin: 10px auto 0
}

.gallery-box .gallery-thumbnail ul {
    width: 150%
}

.gallery-box .gallery-thumbnail li {
    position: relative;
    width: 80px;
    height: 50px;
    margin-right: 8px;
    cursor: pointer;
    overflow: hidden
}

.gallery-box .gallery-thumbnail li img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.gallery-box .gallery-thumbnail .current img, .gallery-box .gallery-thumbnail li:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.gallery-box .gallery-thumbnail .bx-next, .gallery-box .gallery-thumbnail .bx-prev {
    top: 10px;
    width: 30px;
    height: 50px;
    margin: 0
}

.gallery-box .gallery-thumbnail .bx-prev {
    left: 0;
    background-position: 10px -85px
}

.gallery-box .gallery-thumbnail .bx-next {
    right: 0;
    background-position: -29px -85px
}

.gallery-box .gallery-thumbnail .bx-prev:hover {
    filter: none;
    background-position: 10px -130px
}

.gallery-box .gallery-thumbnail .bx-next:hover {
    filter: none;
    background-position: -29px -130px
}

.gallery-box .gallery-thumbnail .marsk {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 46px;
    border: 2px solid #30C37E
}

.gallery-box .current .marsk {
    display: block
}

.gallery-box-w43 .gallery-data {
    height: 569px
}

.gallery-box-w43 .gallery-data li {
    height: 569px;
    line-height: 565px
}

* html .gallery-box-w43 .gallery-data li {
    font-family: simsun;
    line-height: 0;
    display: inline-block;
    zoom: 1;
    font-size: 500px
}

.gallery-box-w43 .gallery-thumbnail {
    height: 80px
}

.gallery-box-w43 .gallery-thumbnail .thumbnail-data {
    height: 60px
}

.gallery-box-w43 .gallery-thumbnail li {
    height: 60px
}

.gallery-box-w43 .gallery-thumbnail .marsk {
    height: 56px
}

.gallery-box .gallery-thumbnail .bx-next, .gallery-box-w43 .gallery-thumbnail .bx-prev {
    height: 60px
}

.gallery-box-w43 .gallery-thumbnail .bx-prev {
    background-position: 10px -80px
}

.gallery-box-w43 .gallery-thumbnail .bx-next {
    background-position: -29px -80px
}

.gallery-box-w43 .gallery-thumbnail .bx-prev:hover {
    background-position: 10px -125px
}

.gallery-box-w43 .gallery-thumbnail .bx-next:hover {
    background-position: -29px -125px
}

.version-section .section-header h3 {
    float: left;
    margin-right: 20px
}

.version-section .section-header .num {
    font-size: 12px
}

.version-section .section-header .version-stop-filter {
    float: right;
    margin-left: 10px
}

.version-section .version-stop-filter span {
    float: left;
    width: 68px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    cursor: pointer;
    border-left: 1px solid #e6e6e6;
    text-align: center
}

.version-section .version-stop-filter .disabled {
    color: #ccc;
    cursor: default
}

.version-section .version-stop-filter .current {
    position: relative;
    margin-bottom: -1px;
    padding: 0 0 1px;
    background: #fff
}

.version-price-sort {
    position: relative;
    z-index: 5;
    float: left;
    height: 38px
}

.version-price-sort .sort-tip {
    position: absolute;
    top: 9px;
    right: 132px;
    white-space: nowrap;
    width: 58px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #999
}

.version-price-sort {
    float: left;
    position: relative;
    margin-top: 9px;
    width: 86px;
    height: 26px;
    zoom: 1
}

.version-price-sort i {
    position: absolute;
    z-index: 2;
    top: 11px;
    right: 7px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -31px -95px
}

.version-price-sort-on i {
    background-position: -41px -95px
}

.version-price-sort .sort-rule-item {
    position: absolute;
    left: 0;
    top: 0;
    height: 24px;
    width: 84px;
    border: 1px solid #e6e6e6;
    background: #fff;
    overflow: hidden
}

.version-price-sort .sort-rule-item a {
    display: block;
    height: 24px;
    padding: 0 8px;
    line-height: 24px;
    color: #666
}

.version-price-sort .sort-rule-item .active {
    cursor: default
}

.version-price-sort .sort-rule-item span {
    float: left;
    margin-right: 5px
}

.version-price-sort-on .sort-rule-item {
    height: auto
}

.version-price-sort .sort-down, .version-price-sort .sort-up {
    float: left;
    width: 7px;
    height: 8px;
    margin-top: 8px;
    overflow: hidden;
    background-position: -10px -155px
}

.version-price-sort .sort-down {
    background-position: 0 -155px
}

.version-price-sort a:hover {
    color: #333;
    text-decoration: none;
    background: #f5f5f5
}

.version-price-sort a:hover .sort-up {
    background-position: -30px -155px
}

.version-price-sort a:hover .sort-down {
    background-position: -20px -155px
}

.version-price-sort .active:hover {
    color: #666;
    background: #fff
}

.version-price-sort .active:hover .sort-up {
    background-position: -10px -155px
}

.version-price-sort .active:hover .sort-down {
    background-position: 0 -155px
}

.version-fiter-label {
    position: relative;
    width: 100px;
    float: right;
    white-space: nowrap;
    margin: 10px 0 0 0;
    padding: 0 0 0 18px;
    height: 24px;
    line-height: 25px;
    cursor: pointer;
    color: #666
}

.version-fiter-label i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    background-color: #fff
}

.version-fiter-label-checked i {
    background-position: -63px -94px
}

.version-price-filter {
    padding: 10px 20px 0
}

.version-price-filter a {
    float: left;
    white-space: nowrap;
    height: 24px;
    margin: 5px 10px 0 0;
    padding: 0 10px;
    background: #f5f5f5;
    font: 14px/23px 'Microsoft YaHei', arial;
    color: #333
}

.version-price-filter .active, .version-price-filter .active:hover, .version-price-filter a:hover {
    background: #30C37E;
    text-decoration: none;
    color: #fff
}

.version-price-table {
    padding: 15px 20px 20px
}

.version-price-table table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 0 none;
    border-bottom: 1px solid #efefef
}

.version-price-table th {
    height: 30px;
    border-collapse: collapse;
    background: #f5f5f5;
    color: #666;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #f5f5f5
}

.version-price-table th.cell-5 {
    border-right: 1px solid #f5f5f5
}

.version-price-table td {
    height: 42px;
    border-top: 1px solid #efefef;
    font-size: 14px
}

.version-price-table .first td {
    border-top-color: #f5f5f5
}

.version-price-table td.cell-1 {
    padding: 2px 20px
}

.version-price-table td.cell-1 span {
    display: block
}

.version-price-table .cell-2 {
    width: 110px
}

.version-price-table .cell-3 {
    width: 130px
}

.version-price-table .cell-4 {
    width: 100px;
    text-align: center
}

.version-price-table .cell-5 {
    width: 90px;
    padding: 0 20px 0 0;
    text-align: right
}

.version-price-table td.cell-5 {
    padding-right: 16px;
    color: #999
}

.version-price-table .highlight, .version-price-table .hover {
    background: #f2f9ff
}

.version-price-table .highlight td, .version-price-table .hover td {
    border-top: 1px solid #c0d8f0;
    border-bottom: 1px solid #c0d8f0
}

.version-price-table .highlight .cell-1, .version-price-table .hover .cell-1 {
    padding-left: 19px;
    border-left: 1px inset #c0d8f0;
    border-left: 1px solid #fff \9
}

.version-price-table .highlight .cell-5, .version-price-table .hover .cell-5 {
    border-right: 1px inset #c0d8f0;
    border-right: 1px solid #fff \9
}

.version-price-table .version-empty {
    color: #999;
    text-align: center
}

.version-price-table .title h4 {
    height: 31px;
    padding: 0 0 0 20px;
    position: relative;
    color: #333;
    font: 700 14px/31px 'Microsoft YaHei', arial
}

.version-price-table .qiang {
    display: inline-block;
    margin-left: 3px;
    width: 29px;
    height: 18px;
    background: #f60;
    font-size: 12px;
    font-family: arial;
    text-align: center;
    color: #fff
}

.version-price-table .qiang:hover {
    color: #fff;
    text-decoration: none
}

.version-price-table .price-class {
    color: #f33
}

.version-price-table .price-class a, .version-price-table .price-class span {
    color: #f33;
    font-family: arial
}

.version-price-table .price-class a:hover {
    color: #aaa;
    text-decoration: none
}

.version-price-table .price-class a:hover b {
    text-decoration: underline
}

.version-price-table .price-empty {
    color: #999;
    font-family: 'Microsoft YaHei'
}

.version-price-table .price-merchant-empty {
    color: #999;
    padding-left: 22px
}

.version-price-table .price-empty span {
    font-family: arial
}

.version-price-table .price-class b, .version-price-table .price-empty b {
    font-size: 14px;
    font-weight: 400
}

.version-price-table .cell-3 .price-class, .version-price-table .cell-3 .price-empty {
    float: left;
    width: 58px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.version-price-table .price-class span {
    display: block;
    height: 18px;
    line-height: 18px
}

.version-price-table .price-class p {
    height: 18px;
    font: 12px/18px 'Microsoft YaHei';
    color: #999
}

.version-price-table .ask-price {
    float: left;
    width: 35px;
    height: 20px;
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.version-price-table .hover .ask-price {
    border-color: #30C37E;
    background: #30C37E;
    color: #fff
}

.version-price-table .ask-price:hover {
    border-color: #00a39E;
    background: #00a39E;
    color: #fff;
    text-decoration: none
}

.version-price-table .version-link {
    color: #dedede;
    font-family: simsun
}

.version-price-table .version-link a, .version-price-table .version-link span {
    margin: 0 4px 0 3px;
    font-family: 'Microsoft YaHei'
}

.version-price-table .version-link span {
    color: #999
}

.version-price-table .hide-all-version, .version-price-table .view-all-version {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fafafa;
    border-bottom: 1px solid #efefef
}

.version-price-table .hide-all-version:hover, .version-price-table .view-all-version:hover {
    color: #aaa;
    text-decoration: none;
    background: #f0f0f0
}

.version-price-table .view-all-version span {
    position: relative;
    zoom: 1;
    padding-right: 12px;
    background-position: -25px -104px
}

.version-price-table .view-all-version .icon-darr {
    position: absolute;
    top: 6px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -31px -105px
}

.version-price-table .view-all-version:hover .icon-darr {
    background-position: -31px -95px
}

.version-price-table .hide-all-version span {
    position: relative;
    zoom: 1;
    padding-right: 12px;
    background-position: 100% -458px
}

.version-price-table .hide-all-version .icon-uarr {
    position: absolute;
    top: 6px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -41px -105px
}

.version-price-table .hide-all-version:hover .icon-uarr {
    background-position: -41px -95px
}

.version-price-table .groupHide, .version-price-table .hide, .version-price-table .moreHide, .version-price-table .stopHide, .version-price-table .zdHide {
    display: none
}

.version-section .version-compare, .version-section .version-compare-cansel, .version-section .version-compare-disabled {
    float: right;
    position: relative;
    padding: 0 0 0 22px;
    width: 32px;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    cursor: pointer;
    text-align: left
}

.version-section .version-compare, .version-section .version-compare-cansel {
    color: #333
}

.version-section .version-compare i, .version-section .version-compare-cansel i, .version-section .version-compare-disabled i {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 11px;
    height: 11px;
    border: 1px solid #ccc;
    background-color: #fff;
    font: 0/0 arial
}

.version-section .version-compare-cansel i {
    background-position: -64px -94px
}

.version-section .version-compare-disabled, .version-section .version-compare-disabled i {
    cursor: default
}

.version-section .hover .version-compare, .version-section .hover .version-compare-cansel, .version-section .version-compare-cansel:hover, .version-section .version-compare:hover {
    color: #333;
    text-decoration: none
}

.version-section .version-compare-disabled, .version-section .version-compare-disabled:hover {
    color: #ccc
}

.version-section .diff {
    display: none;
    float: right;
    margin-right: 8px;
    height: 21px;
    line-height: 21px;
    white-space: nowrap;
    zoom: 1
}

.version-price-diff-param {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: #fafafa;
    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.version-price-diff-param table {
    border-collapse: collapse;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #e0e0e0;
    width: 100%
}

.version-price-diff-param tr {
    background: #f3f8f0
}

.version-price-diff-param .param-compare-row {
    background: #eff3f8
}

.version-price-diff-param td, .version-price-diff-param th {
    border: 1px solid #e2e2e2;
    text-align: center;
    color: #333
}

.version-price-diff-param th {
    background: #fafafa;
    padding: 5px 0;
    height: 28px;
    font-size: 14px;
    color: #666
}

.version-price-diff-param td {
    padding: 10px 0;
    vertical-align: top;
    height: 110px
}

.version-price-diff-param .cell-0 {
    width: 180px
}

.version-price-diff-param .no-diff, .version-price-diff-param .param-compare-link {
    width: 70px;
    vertical-align: middle;
    background: #fafafa
}

.version-price-diff-param .param-compare-link a {
    display: block;
    margin: 0 auto;
    width: 54px;
    line-height: 18px;
    text-align: center
}

.version-price-diff-param .param-compare-version {
    position: relative;
    width: 180px;
    height: 20px
}

.version-price-diff-param .param-compare-vs {
    position: absolute;
    left: 42px;
    top: -58px;
    width: 96px;
    height: 96px;
    background-position: 0 -67px
}

.version-price-diff-param .param-compare-vs p {
    position: absolute;
    left: -42px;
    line-height: 20px;
    width: 180px;
    word-break: break-all;
    word-wrap: break-word
}

.version-price-diff-param .param-compare-vs .above {
    top: -60px
}

.version-price-diff-param .param-compare-vs .below {
    top: 116px
}

.version-price-diff-param .param-compare-vs span {
    display: block
}

.version-price-diff-param .vs-diff-num {
    height: 28px;
    padding: 34px 0 0;
    font: 14px/2 'Microsoft YaHei', arial;
    color: #fff
}

.version-price-diff-param select {
    width: 140px;
    white-space: nowrap
}

.version-price-diff-param .param-diff-list {
    padding: 0 10px;
    text-align: left
}

.version-price-diff-param .param-diff-list li {
    padding: 2px 0;
    line-height: 20px;
    zoom: 1;
    word-break: break-all;
    word-wrap: break-word
}

.version-price-diff-param .param-diff-list strong {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #666
}

.version-price-diff-param .param-diff-empty {
    line-height: 28px;
    color: #999
}

.version-price-diff-param .version-price-diff-close {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 17px;
    height: 17px;
    overflow: hidden;
    cursor: pointer;
    background-position: -16px -25px;
    text-indent: -9999em;
    overflow: hidden
}

.version-price-diff-param .version-price-diff-close:hover {
    background-position: -16px -45px;
    background-color: #b3b3b3
}

.comment-section .section-content {
    padding: 0
}

.comment-section .comment-item {
    margin: 0;
    padding: 0 0 17px;
    border: 0 none
}

.comment-section .comments-user {
    margin: 0 20px;
    padding: 20px 0 0;
    border: 0 none;
    border-top: 1px solid #f0f0f0;
    text-align: left
}

.comment-section .comments-user .face {
    float: left;
    margin: 0 10px 0 0
}

.comment-section .more-comments {
    display: block;
    height: 32px;
    margin: 0 20px 20px;
    background: #fafafa;
    text-align: center;
    line-height: 32px
}

.comment-section .more-comments span {
    position: relative;
    zoom: 1;
    display: inline-block;
    padding: 0 10px 0 0;
    cursor: pointer
}

.comment-section .more-comments .icon-rarr {
    position: absolute;
    top: 12px;
    right: 0;
    width: 5px;
    height: 9px;
    overflow: hidden;
    background-position: -75px -60px
}

.comment-section .more-comments:hover .icon-rarr {
    background-position: -75px -60px
}

.comment-section .more-comments:hover, .comment-section .more-comments:hover span {
    background: #f0f0f0;
    color: #333;
    text-decoration: none
}

.comment-section .more-comments span:hover, .comment-section .more-comments:hover span:hover {
    color: #aaa;
    text-decoration: underline
}

.comment-section .comments-post {
    margin-top: 20px;
    padding: 15px 20px 20px 80px;
    border: 0 none;
    border-top: 2px solid #30C37E;
    background: #f2f9ff
}

.comment-section .comments-post .comments-post-face {
    top: 30px
}

.comment-section .comments-post textarea {
    min-height: 70px;
    border: 1px solid #30C37E
}

.comment-section .comment-item .func-handle {
    margin-bottom: 0
}

.comment-section .comment-item .media-group {
    margin: 6px 0 15px
}

.ask-box {
    overflow: hidden;
    padding: 6px 20px 0;
    zoom: 1;
    position: relative
}

.ask-box dt {
    padding: 14px 0 0;
    border-top: 1px solid #f0f0f0;
    color: #666;
    font: 16px/26px 'Microsoft YaHei', arial
}

.ask-box .ask-bbs-header {
    border-top: 0 none
}

.question-slide-box {
    padding: 0 40px;
    zoom: 1;
    position: relative;
    overflow: hidden
}

.question-slide-box .next-btn, .question-slide-box .prev-btn {
    position: absolute;
    top: 50%;
    margin-top: -140px;
    width: 30px;
    height: 280px;
    outline: 0 none;
    cursor: pointer
}

.question-slide-box .prev-btn {
    left: 0
}

.question-slide-box .next-btn {
    right: 0
}

.question-slide-box .next-btn i, .question-slide-box .prev-btn i {
    margin-top: 125px
}

.ask-box .question-slide-box .question-slide-inner {
    position: relative;
    overflow: hidden;
    zoom: 1
}

.question-slide-box .question-slide {
    width: 602%
}

.ask-box .question-slide-box .question-list {
    float: left;
    width: 638px;
    padding-left: 0
}

.ask-box .question-slide-box .question-list li {
    padding-left: 26px
}

.ask-box .question-list {
    padding: 0 0 0 40px;
    margin-top: -7px
}

.ask-box .question-list li {
    padding: 17px 0 15px;
    border-bottom: 1px solid #f5f5f5
}

.ask-box .question-source {
    color: #999;
    height: 18px;
    overflow: hidden
}

.ask-box .question-source a {
    color: #999
}

.ask-box .question-source a:hover {
    color: #333;
    text-decoration: none
}

.ask-box .question-title {
    position: relative;
    zoom: 1;
    font: 400 16px/28px 'Microsoft YaHei', arial
}

.ask-box .question-date {
    position: relative;
    z-index: 2;
    float: right;
    height: 20px;
    padding: 4px 0;
    line-height: 20px;
    margin-top: -28px
}

.ask-box .question-date .date {
    display: none;
    float: right;
    white-space: nowrap;
    margin-left: 20px;
    color: #999
}

.answer-num {
    float: right;
    margin: 0;
    color: #999
}

.answer-num span {
    color: #0a50a1
}

.answer-num a:hover, .answer-num:hover span {
    text-decoration: underline;
    color: #aaa
}

.ask-box .answer-source {
    height: 24px;
    overflow: hidden;
    color: #999;
    font: 12px/24px 'Microsoft YaHei', arial
}

.ask-box .answer-source i {
    float: left;
    padding: 0 8px;
    color: #ccc;
    font: 400 12px/24px simsun, '\u5B8B\u4F53'
}

.ask-box .answer-source a, .ask-box .answer-source span {
    float: left;
    color: #999
}

.ask-box .answer-source a:hover {
    color: #aaa
}

.ask-box .answer-source .answerer-level {
    padding-left: 10px;
    color: #f60
}

.answerer-level b {
    float: left;
    margin-right: 5px;
    font-weight: 400
}

.answerer-level em {
    float: left;
    padding: 0 3px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #c2e8a5;
    background: #f8fff2;
    color: #68bb4b;
    margin: 2px 0 0
}

.ask-box .answer-content .tag, .ask-box .question-title .tag {
    position: absolute;
    top: 7px;
    left: -25px;
    padding: 2px 1px;
    width: 14px;
    height: 12px;
    overflow: hidden;
    background: #00ae75;
    color: #fff;
    font: 400 12px/12px arial;
    overflow: hidden;
    line-height: 14px \9;
    text-align: center
}

.ask-box .answer-content .tag {
    top: 5px;
    background: #30C37E
}

.ask-box .answer-content {
    position: relative;
    zoom: 1;
    margin: 7px 0 0;
    color: #666;
    font: 14px/24px 'Microsoft YaHei', arial;
    word-break: break-all;
    word-wrap: break-word
}

.ask-box .answer-content .fold-paragraph {
    max-height: 312px
}

.ask-box .answer-content .answer-empty {
    color: #999
}

.ask-box .answer-content .answer-empty-link {
    display: block;
    margin: 8px 0 0;
    width: 90px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    border: 1px solid #b5d5f5;
    background-color: #f0f7fd;
    text-align: center
}

.best-posts-list .func-handle {
    margin: 10px 0 0;
    padding: 0
}

.question-list .func-handle {
    padding: 2px 0;
    float: right;
    margin: -24px 0 0
}

.question-list .func-handle a {
    margin-right: 0
}

.bbs-manu-board-box {
    position: absolute;
    right: 20px;
    top: 20px;
    padding-right: 5px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    cursor: pointer
}

.bbs-manu-board-box .bbs-manu-board {
    display: inline-block;
    padding: 0 10px;
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    vertical-align: top;
    color: #666;
    font-size: 14px
}

.bbs-manu-board-box img {
    margin-right: 5px;
    position: relative;
    top: 3px
}

.bbs-manu-board-box span {
    display: inline-block;
    padding: 0 5px;
    color: #999;
    height: 24px;
    vertical-align: top
}

.bbs-manu-board-box:hover {
    text-decoration: none
}

.bbs-manu-board-box:hover span {
    color: #999
}

.bbs-manu-board-box:hover .bbs-manu-board {
    color: #666
}

.ask-box .best-posts-list {
    padding: 0 0 0 40px;
    margin-top: -6px
}

.ask-box .best-posts-list li {
    position: relative;
    padding: 14px 0 15px 0;
    border-bottom: 1px solid #f5f5f5
}

.ask-box .user-box {
    position: absolute;
    top: 20px;
    left: -40px;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.ask-box .user-box img {
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.ask-box .post-author {
    padding: 2px;
    height: 18px;
    overflow: hidden;
    line-height: 18px
}

.ask-box .post-author .name {
    position: relative;
    zoom: 1;
    padding: 0 0 0 18px;
    color: #999
}

.ask-box .post-author .name i {
    position: absolute;
    top: 2px;
    left: 0;
    width: 13px;
    height: 13px;
    overflow: hidden;
    padding: 0;
    background-position: -100px 0
}

.ask-box .post-author .name:hover {
    color: #333;
    text-decoration: none
}

.ask-box .post-author .name:hover i {
    background-position: -100px -20px
}

.ask-box .post-content {
    margin: 4px 0 0;
    color: #666;
    font: 14px/24px 'Microsoft YaHei', arial
}

.ask-box .post-pics {
    padding: 4px 0 5px
}

.ask-box .post-pics a {
    display: block;
    overflow: hidden;
    zoom: 1
}

.ask-box .post-pics img {
    float: left;
    width: 80px;
    height: 60px;
    overflow: hidden;
    margin: 8px 10px 0 0;
    vertical-align: top
}

.ask-box .post-title {
    height: 28px;
    font: 400 16px/28px 'Microsoft YaHei', arial
}

.ask-box .post-title .icon {
    display: inline-block;
    width: 17px;
    height: 14px;
    overflow: hidden;
    margin: -3px 5px 0 0;
    text-indent: -999em;
    vertical-align: middle
}

.ask-box .post-title .ico-good {
    width: 14px;
    background-position: -155px 0
}

.ask-box .post-title .ico-hot {
    width: 14px;
    background-position: -135px 0
}

.ask-box .post-title .ico-agood {
    background-position: -62px 0
}

.ask-box .post-title .ico-bgood {
    width: 19px;
    background-position: -80px 0
}

.ask-box .post-title .ico-cgood {
    width: 19px;
    background-position: -100px 0
}

.ask-box .post-from {
    float: right;
    height: 20px;
    line-height: 20px;
    margin: -20px 0 0;
    white-space: nowrap;
    color: #999
}

.ask-box .post-from a {
    color: #999
}

.ask-box .post-from a:hover {
    color: #aaa
}

.ask-box .hide-more-answer, .ask-box .view-more-answer {
    position: relative;
    zoom: 1;
    padding: 0 15px 0 0;
    font-size: 14px;
    line-height: 18px;
    display: inline-block
}

.ask-box .view-more-answer .icon-darr {
    position: absolute;
    top: 7px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -31px -105px
}

.ask-box .view-more-answer:hover .icon-darr {
    background-position: -31px -95px
}

.ask-box .hide-more-answer .icon-uarr {
    position: absolute;
    top: 7px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -41px -105px
}

.ask-box .hide-more-answer:hover .icon-uarr {
    background-position: -41px -95px
}

.ask-box .more-box {
    padding: 20px 0 20px 40px
}

.ask-box .more-box .answer-link {
    float: right;
    width: 88px;
    height: 32px;
    overflow: hidden;
    margin: 0 10px 0 0;
    border-radius: 1px;
    border: 1px solid #e6e6e6;
    background: #fff;
    color: #666;
    font: 400 14px/32px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.ask-box .more-box .answer-link:hover {
    background: #f6f6f6;
    text-decoration: none
}

.ask-box .more-box .more-link {
    position: relative;
    zoom: 1;
    float: left;
    font: 14px/34px 'Microsoft YaHei', arial;
    padding: 0 10px 0 0;
    background-position: 101px -315px
}

.ask-box .more-box .more-link .icon-rarr {
    position: absolute;
    top: 13px;
    right: 0;
    width: 5px;
    height: 9px;
    overflow: hidden;
    background-position: -75px -60px
}

.ask-box .more-box .more-link:hover .icon-rarr {
    background-position: -75px -60px
}

.ask-box .more-box .ask-link {
    position: relative;
    float: right;
    width: 90px;
    height: 34px;
    overflow: hidden;
    padding: 0 13px 0 0;
    border-radius: 1px;
    border: 0 none;
    outline: 0 none;
    background-color: #30C37E;
    background-position: 85px -357px;
    color: #fafafa;
    font: 400 14px/34px 'Microsoft YaHei', arial;
    text-align: center;
    cursor: pointer
}

.ask-box .more-box .ask-link .icon-rarr {
    position: absolute;
    top: 13px;
    right: 17px;
    width: 5px;
    height: 9px;
    overflow: hidden;
    background-position: -21px -115px
}

.ask-box .more-box .ask-link:hover {
    background-color: #00a39E;
    background-position: 85px -357px;
    text-decoration: none
}

.ask-box .more-box .more-post-link {
    background-position: 77px -315px
}

.ask-box .more-box .more-post-link:hover {
    background-position: 77px -340px
}

.ask-box .empty-box {
    text-align: center
}

.ask-box .empty-box .icon {
    display: block;
    width: 64px;
    height: 60px;
    overflow: hidden;
    margin: 10px auto 0;
    background-position: 0 -250px
}

.ask-box .empty-box .post-icon {
    width: 54px;
    height: 53px;
    background-position: -70px -250px
}

.ask-box .empty-box p {
    margin: 16px 0 0;
    color: #999
}

.ask-box .empty-box .more-box {
    padding: 12px 0 27px
}

.ask-box .empty-box .ask-link {
    float: none;
    display: block;
    margin: 0 auto
}

.ask-box .empty-box .more-link {
    float: none;
    margin: 6px 0 0
}

.ask-box .empty-box .more-link em {
    font-family: SinSun
}

.parts-cate-list {
    zoom: 1;
    padding: 15px 0;
    margin: 0 20px;
    border-bottom: 1px solid #f0f0f0;
    font: 14px/24px 'Microsoft YaHei', arial;
    overflow: hidden
}

.parts-cate-list a {
    float: left;
    margin: 0 20px 0 0;
    white-space: nowrap
}

.parts-cate-list a em {
    color: #999
}

.parts-cate-list a:hover em {
    color: #aaa
}

.parts-box {
    padding: 20px 51px 13px;
    position: relative;
    zoom: 1
}

.parts-box a.next-btn:hover, .parts-box a.prev-btn:hover {
    text-decoration: none
}

.parts-box .next-btn, .parts-box .prev-btn {
    position: absolute;
    top: 35px;
    width: 30px;
    height: 85px
}

.next-btn i, .prev-btn i {
    display: block;
    width: 30px;
    height: 40px;
    margin-top: 18px;
    overflow: hidden;
    font-family: iconfont;
    font-style: normal;
    color: #ccc
}

.next-btn i:hover, .prev-btn i:hover {
    color: #30C37E
}

.next-btn i {
    transform: rotate(180deg)
}

.next-btn i::before, .prev-btn i::before {
    content: "\e607";
    display: block;
    font-size: 30px
}

.prev-btn {
    left: 20px
}

.next-btn {
    right: 20px
}

.next-btn i {
    float: right
}

.scrollEnd, .scrollStart {
    cursor: default
}

.scrollStart i, .scrollStart:hover i {
    background-position: -76px -398px
}

.scrollEnd i, .scrollEnd:hover i {
    background-position: -104px -398px
}

.parts-slider {
    width: 856px;
    overflow: hidden;
    height: 145px;
    position: relative;
    zoom: 1
}

.parts-list-wrap {
    width: 200%;
    height: 100%;
    overflow: hidden;
    zoom: 1
}

.parts-list {
    float: left;
    width: 895px
}

.parts-list li {
    float: left;
    width: 100px;
    margin-right: 25px;
    text-align: center
}

.parts-list .pic {
    position: relative;
    display: block;
    text-align: center;
    width: 100px;
    height: 100px;
    overflow: hidden
}

.parts-list .label {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 18px;
    text-align: center;
    background-color: #30C37E;
    color: #fff
}

.parts-list .rec-label {
    background: #f60
}

.parts-list .pic:hover .label {
    color: #fff;
    text-decoration: none
}

.parts-list .pic img {
    vertical-align: top
}

.parts-list h4 {
    height: 18px;
    overflow: hidden;
    padding: 6px 8px 0;
    font: 12px/18px 'Microsoft YaHei', arial;
    text-align: center;
    word-break: break-all
}

.parts-list a {
    color: #333
}

.parts-list a:hover {
    color: #aaa
}

.parts-list p {
    height: 22px;
    line-height: 22px;
    color: #999
}

.parts-list .price {
    margin-bottom: 3px;
    height: 18px;
    overflow: hidden;
    color: #f33;
    text-align: center;
    line-height: 18px
}

.parts-list .star {
    width: 69px;
    height: 12px;
    overflow: hidden;
    margin: 2px auto 4px;
    background-position: 0 -80px
}

.parts-list .star em {
    float: left;
    height: 12px;
    background-position: 0 -60px;
    text-indent: -9999em;
    overflow: hidden
}

.parts-list .accessories-more {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    position: relative;
    zoom: 1;
    padding: 0 14px 0 0;
    color: #999;
    cursor: pointer;
    vertical-align: top
}

.parts-list .icon-darr {
    position: absolute;
    top: 9px;
    right: 0;
    width: 9px;
    height: 5px;
    overflow: hidden;
    background-position: -31px -95px;
    font: 0/0 arial
}

.parts-list .hover .accessories-more {
    color: #0a50a1
}

.parts-num {
    font-size: 12px
}

.pop-parts-list {
    float: none;
    width: auto;
    height: 276px;
    padding: 20px 5px 10px
}

.pop-parts-list li {
    padding: 0 5px 15px;
    margin: 0
}

.pop-parts-list h4 {
    padding: 7px 8px 0;
    height: 36px;
    overflow: hidden
}

.pop-parts-list .price {
    margin: 2px 0 0
}

.parts-page {
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 28px;
    text-align: center
}

.parts-page span {
    display: inline-block;
    border: 1px solid #e6e6e6;
    padding: 0 10px;
    height: 28px;
    background-color: #fff;
    white-space: nowrap;
    margin: 0 3px 0 2px;
    vertical-align: top;
    color: #333
}

.parts-page .active, .parts-page span:hover {
    background-color: #30C37E;
    color: #fff;
    border-color: #30C37E
}

.parts-page span:hover {
    cursor: pointer
}

.accessories-layerbox {
    padding: 0;
    filter: 0 none;
    border: 5px solid #b2b2b2;
    border: 5px solid rgba(0, 0, 0, .3);
    background: 0 0
}

.lens-choose {
    padding: 12px 20px;
    border-bottom: 1px solid #e6e6e6;
    height: 32px;
    position: relative;
    z-index: 5
}

.lens-choose-icon {
    float: left;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-position: -88px -491px;
    overflow: hidden;
    text-indent: -999em
}

.lens-choose-icon i {
    position: absolute;
    left: 97px;
    top: 56px;
    width: 17px;
    height: 9px;
    font: 0/0 arial;
    background-position: 0 -531px
}

.lens-select {
    position: relative;
    z-index: 9;
    float: left;
    height: 26px;
    margin: 3px 10px 0 0;
    width: 500px
}

.lens-type-select {
    width: 86px
}

.lens-select h4 {
    height: 24px;
    padding: 0 8px;
    border: 1px solid #e6e6e6;
    background: #fff;
    font: 12px/2 'Microsoft YaHei', arial;
    color: #666;
    cursor: pointer
}

.lens-select i {
    position: absolute;
    right: 8px;
    top: 10px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -31px -95px
}

.lens-select ul {
    display: none;
    position: absolute;
    left: 0;
    top: 25px;
    width: 498px;
    border: 1px solid #e6e6e6;
    background: #fff
}

.lens-select li {
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    cursor: default
}

.lens-select .selected, .lens-select li:hover {
    background: #f5f5f5
}

.lens-type-select ul {
    width: 84px
}

.lens-select .lens-gt-12 {
    height: 312px;
    overflow-y: auto
}

.lens-choose select {
    display: none
}

.samplebox {
    padding: 0 0 0 20px
}

.lens-attr-box {
    float: left;
    padding: 20px 0 0;
    width: 172px
}

.lens-attr-box p {
    margin-top: 5px
}

.lens-attr-box p b {
    font-family: simsun;
    font-weight: 400
}

.lens-pic {
    display: block;
    width: 120px;
    margin: 0 auto
}

.lens-price {
    margin: 15px 0 0;
    height: 22px;
    line-height: 22px;
    color: #666
}

.lens-price span {
    color: #f33
}

.lens-review {
    height: 20px;
    padding: 4px 0;
    line-height: 20px;
    color: #666
}

.lens-review .star {
    float: left;
    margin: 3px 5px 0 0
}

.lens-attr li {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word
}

.sample-tab-box {
    padding: 20px 20px 0
}

.sample-tab-box .sample-tab {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6
}

.sample-tab-box .sample-tab li {
    position: relative;
    float: left;
    padding: 2px 15px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    cursor: pointer;
    color: #666;
    background-color: #fafafa
}

.sample-tab-box .sample-tab .active {
    background-color: #fff;
    border-top: 2px solid #30C37E;
    padding-top: 1px;
    padding-bottom: 3px;
    margin-bottom: -1px;
    color: #333
}

.sample-list {
    padding: 4px 0 16px 20px
}

.sample-list li {
    float: left;
    width: 162px;
    margin: 16px 23px 0 0
}

.sample-list .nth-4n {
    margin-right: 0
}

.samplebox .sample-list {
    float: right;
    width: 546px;
    padding: 4px 0 10px
}

.samplebox .sample-list li {
    margin: 16px 20px 0 0
}

.sample-list .imgwrap {
    display: block;
    width: 160px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    text-align: center;
    line-height: 117px
}

* html .sample-list .imgwrap {
    display: block;
    font-size: 108px;
    font-family: Arial
}

.sample-list .imgwrap img {
    vertical-align: middle
}

.sample-list p {
    height: 18px;
    margin-top: 7px;
    overflow: hidden;
    text-align: center
}

.sample-list .lens-author {
    padding: 0 0 0 18px;
    position: relative;
    color: #999
}

.sample-list .lens-author:hover {
    color: #333;
    text-decoration: none
}

.sample-list .lens-author i {
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    background-position: -80px -587px
}

.sample-list .lens-author:hover i {
    background-position: -63px -587px
}

.lens-tips {
    height: 24px;
    padding: 0 20px 5px;
    overflow: hidden;
    color: #999;
    font: 12px/2 'Microsoft YaHei', arial
}

.zj-config-lists {
    padding: 20px
}

.zj-list-item {
    float: left;
    width: 224px;
    height: 270px;
    border: 1px solid #e6e6e6;
    margin-right: 20px;
    overflow: hidden
}

.zj-config-lists .last {
    margin-right: 0
}

.zj-config-lists .zj-item-hover {
    border-color: #30C37E
}

.zj-type {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 0 12px
}

.zj-type strong {
    font-size: 14px;
    color: #333
}

.zj-type strong a {
    float: left;
    color: #333;
    position: relative;
    padding-left: 22px
}

.zj-type strong a:hover {
    color: #aaa
}

.zj-type .author {
    position: absolute;
    right: 12px;
    top: 0;
    visibility: hidden;
    color: #999
}

.zj-type .author a, .zj-type .author a:hover {
    color: #999
}

.zj-type i {
    position: absolute;
    left: 0;
    top: 9px;
    width: 16px;
    height: 16px
}

.zj-type .zj-cate-6 {
    background-position: 0 0
}

.zj-type .zj-cate-5 {
    background-position: -46px 0
}

.zj-type .zj-cate-1 {
    background-position: 0 -24px
}

.zj-type .zj-cate-2 {
    background-position: -23px 0
}

.zj-type .zj-cate-21 {
    background-position: -21px -24px
}

.zj-type .zj-cate-8 {
    background-position: 0 -47px
}

.zj-type .zj-cate-3 {
    height: 18px;
    top: 8px;
    background-position: -47px -22px
}

.zj-config-lists .zj-item-hover .author {
    visibility: visible
}

.zj-detail {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #f5f5f5;
    table-layout: fixed
}

.zj-detail a {
    color: #666
}

.zj-detail a:hover {
    color: #aaa
}

.zj-detail td {
    padding: 3px 5px 3px 12px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    text-overflow: ellipsis
}

.zj-detail th {
    width: 48px;
    height: 18px;
    line-height: 18px;
    border-right: 1px solid #f5f5f5;
    font-weight: 400;
    text-align: center;
    color: #666;
    overflow: hidden
}

.zj-detail .zj-tr-space td, .zj-detail .zj-tr-space th {
    padding: 0;
    height: 4px;
    font: 0/0 arial
}

.zj-total {
    position: relative;
    padding-left: 12px;
    height: 34px;
    line-height: 34px;
    border-top: 1px solid #f5f5f5
}

.zj-total .zj-price {
    margin-left: 20px;
    color: #f33;
    font-weight: 700
}

.zj-total .zj-date {
    position: absolute;
    right: 12px;
    top: 0;
    color: #999
}

.zj-review {
    padding: 6px 12px 5px;
    height: 60px;
    overflow: hidden;
    line-height: 20px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    color: #666
}

.zj-review strong {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.zj-review a {
    font-family: simsun
}

.zj-config-entry {
    padding: 0 20px 20px;
    height: 26px;
    line-height: 26px;
    color: #999
}

.zj-config-entry .zj-start {
    float: left;
    vertical-align: top;
    width: 164px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    text-align: center;
    color: #666
}

.zj-config-entry .zj-start em {
    font-family: simsun
}

.zj-config-entry .zj-start:hover {
    text-decoration: none;
    color: #666;
    background: #f5f5f5
}

.zj-config-entry span {
    float: left
}

.zj-config-entry .zj-link {
    float: right;
    color: #ccc;
    font-family: simsun
}

.zj-config-entry .zj-link a {
    font-family: 'Microsoft YaHei', arial
}

.zj-config-entry .zj-v {
    padding-left: 22px;
    background-position: -70px 1px
}

.zj-config-entry .zj-v:hover {
    background-position: -70px -18px
}

.zj-lists-empty p {
    padding: 15px 20px 13px;
    height: 24px;
    line-height: 24px;
    color: #999;
    font-size: 14px
}

.chip-related-box {
    padding: 20px 20px 15px
}

.chip-related {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e6e6e6
}

.chip-related td, .chip-related th {
    background: #fff;
    text-align: left;
    border: 1px solid #e6e6e6
}

.chip-related th {
    width: 141px;
    padding: 6px 0 6px 10px;
    line-height: 20px;
    background: #fafafa;
    vertical-align: top
}

.chip-related th.attr {
    vertical-align: middle
}

.chip-related th p {
    font-weight: 400
}

.chip-related .attr p {
    padding-right: 10px
}

.chip-related .attr {
    width: 90px;
    color: #999
}

.chip-related .ar {
    text-align: right
}

.chip-related .al {
    text-align: left
}

.chip-related td {
    padding: 4px 5px 4px 10px;
    line-height: 20px
}

.chip-compare {
    height: 22px;
    line-height: 22px;
    margin-top: 15px;
    text-align: right
}

.chip-compare em {
    font-family: simsun
}

.os-select-box {
    padding: 15px 20px 13px;
    height: 26px;
    line-height: 26px;
    color: #666
}

.os-select-box span {
    float: left;
    margin-right: 6px
}

.os-select-box .os-select-tip {
    color: #999
}

.os-select {
    position: relative;
    z-index: 9;
    float: left;
    height: 26px;
    margin: 0 10px 0 0;
    width: 90px
}

.os-select h4 {
    height: 24px;
    padding: 0 8px;
    border: 1px solid #e6e6e6;
    background: #fff;
    font: 12px/2 'Microsoft YaHei', arial;
    color: #666;
    cursor: pointer
}

.os-select i {
    position: absolute;
    right: 8px;
    top: 11px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -41px -77px
}

.os-select ul {
    display: none;
    position: absolute;
    left: 0;
    top: 25px;
    width: 88px;
    border: 1px solid #e6e6e6;
    background: #fff
}

.os-select li {
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    cursor: default
}

.os-select .selected, .os-select li:hover {
    background: #f5f5f5
}

.os-list {
    padding: 0 20px 0
}

.driver-item {
    overflow: hidden;
    margin-top: 2px;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    background: #fafafa;
    cursor: pointer
}

.driver-item h4 {
    position: relative;
    zoom: 1;
    height: 32px;
    padding-left: 22px;
    font-size: 14px
}

.driver-item h4 i {
    position: absolute;
    left: 0;
    top: 9px;
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    background-color: #fff;
    background-position: -2px -73px;
    font: 0/0 arial
}

.driver-item-open h4 i {
    background-position: -21px -73px
}

.driver-list {
    padding: 10px 0 10px
}

.driver-list li {
    position: relative;
    zoom: 1;
    padding: 5px 140px 5px 0;
    line-height: 20px;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word
}

.driver-list .driver-down {
    position: absolute;
    right: 0;
    top: 3px;
    white-space: nowrap;
    padding-left: 18px;
    background-position: -74px -39px
}

.driver-list .driver-down:hover {
    background-position: -74px -63px
}

.driver-list .driver-date {
    position: absolute;
    right: 60px;
    top: 3px;
    font-size: 12px;
    white-space: nowrap;
    color: #999
}

.driver-viewmore {
    padding: 2px 20px 20px
}

.driver-viewmore a {
    display: block;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background: #fafafa;
    font-size: 14px
}

.driver-viewmore a:hover {
    background: #f0f0f0
}

.driver-viewmore span {
    padding-right: 11px;
    position: relative
}

.driver-viewmore span i {
    position: absolute;
    right: 0;
    top: 6px;
    width: 5px;
    height: 9px;
    font: 0/0 arial;
    background-position: -75px -60px
}

.video-area {
    padding: 0 20px 15px;
    overflow: hidden
}

.video-area embed, .video-area iframe {
    vertical-align: middle
}

.video-area h3 {
    padding: 5px 0;
    font: 700 20px/40px "Microsoft YaHei", arial
}

.video-player {
    text-align: center
}

.video-desc {
    padding: 15px 0 0;
    font: 14px/24px "Microsoft YaHei", arial
}

.video-desc a:hover {
    text-decoration: none
}

.video-desc a b {
    font-size: 14px;
    font-family: simsun;
    color: #b3b3b3
}

.video-desc a:hover span {
    color: #aaa;
    text-decoration: underline
}

.video-desc a:hover b {
    text-decoration: none;
    color: #b3b3b3
}

#html5Playervip {
    display: none;
    padding: 0 10px;
    text-align: center
}

#pk .section-content {
    padding: 20px
}

.pk-m-icon, .pk-other i, .pk-other-more .search-select i, .pk-tips {
    background: url(../image/detail_pk.png) no-repeat
}

.pk-tab {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.pk-tab li {
    float: left;
    padding: 0 15px;
    height: 30px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background-color: #fafafa;
    font: 14px/30px 'Microsoft YaHei';
    color: #666;
    cursor: pointer
}

.pk-tab .active {
    position: relative;
    color: #333;
    padding-bottom: 1px;
    background: #fff;
    margin-bottom: -1px;
    cursor: default
}

.pk-box {
    margin-top: 20px;
    zoom: 1
}

.pkA, .pkB {
    position: relative;
    width: 308px;
    zoom: 1
}

.pkA {
    float: left;
    margin-right: 10px;
    padding-right: 86px
}

.pkB {
    float: right;
    padding-left: 86px
}

.pk-pics {
    height: 160px;
    overflow: hidden;
    text-align: center
}

.pk-pics a {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.pkA p, .pkB p {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center
}

.pk-attr {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center
}

.pk-box .b2c-price {
    text-align: center
}

.pk-box .b2c-price li {
    margin: 0 20px 0 0;
    line-height: 20px;
    text-align: center;
    display: inline-block
}

.pk-box .b2c-price .price em {
    font-size: 14px
}

.pk-box .b2c-price a {
    display: inline-block;
    color: #f33
}

.pk-box .b2c-price .b2c-jd, .pk-box .b2c-price .b2c-tmall {
    position: relative;
    padding-left: 18px;
    margin-right: 6px;
    font-size: 14px
}

.pk-box .b2c-price a:hover {
    color: #aaa
}

.pk-box .b2c-price .b2c-jd i, .pk-box .b2c-price .b2c-tmall i {
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    overflow: hidden
}

.pk-price {
    margin-right: 4px;
    color: #f33;
    font-weight: 700;
    font-size: 14px
}

.pk-price-type {
    color: #999;
    font-family: simsun
}

.pk-price-type em {
    font-family: "Microsoft YaHei", arial
}

.pkM {
    float: left;
    width: 111px;
    margin-top: 35px
}

.pkM .pk-m-icon {
    width: 93px;
    height: 67px;
    margin: 0 auto;
    background-position: 0 -38px
}

.pk-more-btn {
    display: block;
    width: 88px;
    height: 30px;
    margin: 28px auto 0;
    border: 1px solid #30C37E;
    color: #fff;
    background-color: #30C37E;
    border-radius: 2px;
    text-align: center;
    font: 14px/30px "Microsoft YaHei", arial
}

.pk-more-btn:hover {
    background-color: #00a39E;
    text-decoration: none;
    color: #fff
}

.pk-vote {
    position: absolute;
    width: 55px;
    top: -5px
}

.pkA .pk-vote {
    right: 30px
}

.pkB .pk-vote {
    left: 30px
}

.vote-nums {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #666
}

.vote-bar {
    width: 17px;
    height: 140px;
    margin: 6px auto 0;
    background-color: #e6f2ff;
    position: relative
}

.vote-bar-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 17px;
    background-color: #85bcf2;
    text-indent: -9999em;
    overflow: hidden;
    transition: .2s
}

.pk-other {
    margin: 16px 0 0;
    padding: 10px 0 16px;
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    position: relative
}

.pk-tips {
    height: 24px;
    text-indent: -9999em;
    overflow: hidden;
    background-position: 20px 1px;
    text-align: left
}

.pk-other i {
    position: absolute;
    right: 92px;
    top: -10px;
    width: 19px;
    height: 10px;
    font: 0/0 arial;
    background-position: -124px -46px
}

.pk-other-list {
    padding: 10px 0 0 20px;
    zoom: 1
}

.pk-other-list li {
    float: left;
    margin-right: 29px;
    width: 120px
}

.pk-other-list li img {
    vertical-align: top
}

.pk-other-pic {
    position: relative;
    cursor: pointer;
    width: 120px;
    height: 120px;
    overflow: hidden
}

.pk-other-pic .pk-mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 118px;
    height: 118px;
    border: 1px dashed #85bcf2;
    overflow: hidden
}

.pk-other-pic .pking {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 24px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    line-height: 24px;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000, gradientType=1)
}

:root .pk-other-pic .pking {
    filter: none
}

.pk-other-list .active .pk-mask, .pk-other-list .hover .pk-mask {
    border: 2px solid #4495e6;
    width: 116px;
    height: 116px
}

.pk-other-list .active .pking {
    display: block
}

.pk-other-list li p {
    margin-top: 5px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word
}

.pk-other-list .pk-attr {
    margin: 7px 0 0;
    overflow: hidden;
    height: auto;
    line-height: 20px;
    text-align: left
}

.pk-other-list .pk-attr a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pk-other-list .pk-attr .pk-price-type a {
    color: #aaa
}

.pk-other-list .pk-attr .pk-price-type a:hover {
    color: #333
}

.pk-other-list .pk-attr .pk-price {
    font-size: 12px
}

.pk-other-list .pk-link {
    float: right;
    margin-top: -20px;
    height: 20px;
    line-height: 20px
}

.pk-other-list .pk-link a {
    color: #999
}

.pk-other-list .pk-link a b {
    font-family: simsun;
    font-weight: 400
}

.pk-other-list .pk-link a:hover {
    color: #aaa
}

.pk-other-more {
    margin-top: 20px;
    height: 28px
}

.pk-other-more strong {
    float: left;
    padding-right: 4px;
    font-size: 14px;
    line-height: 2;
    color: #333;
    overflow: hidden;
    font-weight: 400
}

.pk-other-more .search-select {
    position: relative;
    z-index: 9;
    float: left;
    height: 30px;
    margin: 0 10px 0 0;
    width: 220px
}

.pk-other-more .search-select h4 {
    height: 28px;
    padding: 0 8px;
    border: 1px solid #dbdbdb;
    background: #fff;
    font: 12px/28px 'Microsoft YaHei', arial;
    color: #999;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pk-other-more .search-select i {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 9px;
    height: 5px;
    font: 0/0 arial;
    background-position: -174px -48px
}

.pk-other-more .search-select ul {
    display: none;
    position: absolute;
    left: 0;
    top: 29px;
    width: 218px;
    border: 1px solid #dbdbdb;
    background: #fff
}

.pk-other-more .search-select-up ul {
    top: auto;
    bottom: 29px
}

.pk-other-more .search-select li {
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    cursor: default
}

.pk-other-more .search-select li:hover, .search-select .selected {
    background: #f5f5f5
}

.pk-other-more .search-select .group-title {
    color: #666
}

.pk-other-more .search-select .group-title:hover {
    background-color: #fff
}

.pk-other-more #J_ProSelectOptions {
    width: 360px
}

.pk-other-more .search-select .gt-10 {
    height: 280px;
    overflow-y: auto
}

.pk-other-more .goto-pk {
    float: left;
    width: 70px;
    height: 28px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    font: 14px/28px 'Microsoft YaHei', arial;
    color: #666;
    text-align: center;
    border-radius: 2px
}

.pk-other-more .goto-pk:hover {
    color: #666;
    text-decoration: none;
    background-color: #f6f6f6
}

.rank-section .rank-item {
    float: left;
    width: 192px;
    padding: 10px 30px 16px
}

.rank-section .rank-line {
    float: left;
    width: 1px;
    height: 299px;
    margin-top: 20px;
    background-color: #f0f0f0
}

.rank-section .rank-item h3 {
    height: 36px;
    font: 16px/36px 'Microsoft YaHei', arial;
    border-bottom: 1px dashed #e6e6e6;
    text-align: center
}

.rank-section .rank-item ul {
    padding: 7px 0 0
}

.rank-section .rank-item li {
    padding: 2px 0 2px 18px;
    position: relative;
    zoom: 1;
    height: 32px;
    line-height: 32px;
    overflow: hidden
}

.rank-section .rank-item em {
    position: absolute;
    left: 0;
    top: 9px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    font: 12px/18px arial;
    background-color: #e6e6e6;
    text-align: center;
    overflow: hidden
}

.rank-section .rank-item .n1 {
    background-color: #30C37E;
    color: #fff
}

.rank-section .rank-item a {
    display: block;
    padding-left: 8px;
    color: #333
}

.rank-section .rank-item a:hover {
    text-decoration: none;
    color: #333
}

.rank-section .rank-item .rank-price {
    float: right;
    white-space: nowrap
}

.rank-section .rank-item .rank-link-btn {
    float: right;
    width: 60px;
    height: 24px;
    margin-top: -42px;
    text-align: center;
    border-radius: 2px;
    background-color: #30C37E;
    font: 12px/24px 'Microsoft YaHei', arial;
    color: #fff
}

.rank-section .rank-item img {
    vertical-align: middle
}

.rank-section .rank-item .rank-link-btn:hover {
    background-color: #00a39E
}

.rank-section .rank-item a:hover .rank-link-btn {
    color: #fff;
    text-decoration: none
}

.rank-section .rank-item .rank-link-btn, .rank-section .rank-item img {
    display: none
}

.rank-section .rank-item .rank-brand-item img {
    padding: 7px 0 8px
}

.rank-section .rank-item .hover {
    height: 90px
}

.rank-section .rank-item .hover .rank-link-btn, .rank-section .rank-item .hover img {
    display: block
}

.hotlink {
    margin-top: 10px
}

.hotlink strong {
    display: block;
    height: 22px;
    line-height: 22px
}

.hotlink ul {
    margin-top: 11px;
    background: #fafafa
}

.hotlink li {
    position: relative;
    float: left;
    margin: -1px 0 0 -1px;
    width: 132px;
    padding-left: 10px;
    border: 1px solid #ddd;
    height: 32px;
    line-height: 32px;
    overflow: hidden
}

.hotlink .first {
    width: 131px
}

.hotlink .hover {
    z-index: 2;
    border: 1px solid #aaa
}

.hotlink a {
    color: #333
}

.hotlink a:hover {
    color: #aaa
}

.section-intel {
    margin-top: 20px
}

.section-intel-header {
    height: 26px;
    overflow: hidden;
    background-color: #e5f2ff
}

.section-intel-header h3 {
    float: left;
    padding: 0 10px;
    font: 14px/26px 'Microsoft YaHei', arial;
    background-color: #4495e6;
    color: #fff
}

.section-intel-header h3 span {
    font-size: 12px;
    position: relative;
    top: -3px;
    font-family: arial;
    padding: 0 3px 0 2px
}

.section-intel-header i {
    float: left;
    width: 0;
    height: 0;
    overflow: hidden;
    font: 0/0 arial;
    border-width: 13px;
    border-style: dashed;
    border-color: #e5f2ff #e5f2ff #4495e6 #4495e6
}

.intel-rec-list {
    padding: 10px 10px 7px;
    border: 1px solid #e6e6e6;
    border-top: 0 none
}

.intel-rec-list li {
    position: relative;
    float: left;
    width: 103px;
    padding: 0 10px;
    text-align: center
}

.intel-rec-list .pic {
    width: 80px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.intel-rec-list img {
    vertical-align: middle
}

.intel-rec-list h4 {
    display: block;
    margin-top: 7px;
    height: 18px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: 400;
    font-size: 12px
}

.intel-rec-list .pri {
    position: absolute;
    top: 42px;
    right: 21px;
    height: 18px;
    margin: 0;
    padding: 0 4px;
    overflow: hidden;
    color: #fff;
    background: #f33
}

.commerce-link {
    position: absolute;
    top: 9px;
    right: 118px;
    padding-left: 43px;
    height: 26px;
    line-height: 26px;
    white-space: nowrap
}

.commerce-link i {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px
}

.commerce-link .icon-intel-pad {
    width: 37px;
    background-position: 0 -30px
}

.commerce-link .icon-2in1 {
    margin-left: 3px;
    width: 33px;
    background-position: 0 0
}

.section-intel {
    margin-top: 20px
}

.section-intel-header {
    height: 26px;
    overflow: hidden;
    background-color: #e5f2ff
}

.section-intel-header h3 {
    float: left;
    padding: 0 10px;
    font: 14px/26px 'Microsoft YaHei', arial;
    background-color: #4495e6;
    color: #fff
}

.section-intel-header h3 span {
    font-size: 12px;
    position: relative;
    top: -3px;
    font-family: arial;
    padding: 0 3px 0 2px
}

.section-intel-header i {
    float: left;
    width: 0;
    height: 0;
    overflow: hidden;
    font: 0/0 arial;
    border-width: 13px;
    border-style: dashed;
    border-color: #e5f2ff #e5f2ff #4495e6 #4495e6
}

.intel-rec-list {
    padding: 10px 10px 7px;
    border: 1px solid #e6e6e6;
    border-top: 0 none
}

.intel-rec-list li {
    position: relative;
    float: left;
    width: 103px;
    padding: 0 10px;
    text-align: center
}

.intel-rec-list .pic {
    width: 80px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto
}

.intel-rec-list img {
    vertical-align: middle
}

.intel-rec-list h4 {
    display: block;
    margin-top: 7px;
    height: 18px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: 400;
    font-size: 12px
}

.intel-rec-list .pri {
    position: absolute;
    top: 42px;
    right: 21px;
    height: 18px;
    margin: 0;
    padding: 0 4px;
    overflow: hidden;
    color: #fff;
    background: #f33
}

.lt-windowad {
    margin: 20px 0 0;
    border: 1px solid #e6e6e6
}

.lt-windowad .lt-windowad-item {
    position: relative;
    padding: 14px 20px;
    float: left;
    width: 338px;
    border-left: 1px solid #e6e6e6
}

.lt-windowad .first {
    width: 339px;
    border-left: 0 none
}

.lt-windowad .lt-windowad-name {
    height: 22px;
    overflow: hidden;
    zoom: 1;
    line-height: 22px
}

.lt-windowad .authorized {
    float: left;
    width: 26px;
    height: 14px;
    margin: 3px 5px 0 0;
    font: 12px/14px arial;
    border: 1px solid #f60;
    background: #fff;
    color: #f60;
    text-align: center;
    overflow: hidden
}

.lt-windowad .lt-windowad-name a {
    float: left;
    font-weight: 700
}

.lt-windowad .lt-windowad-ask-btn {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 58px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #d9d9d9;
    color: #666;
    text-align: center;
    cursor: pointer;
    background: #fff
}

.lt-windowad .lt-windowad-ask-btn:hover {
    background: #f5f5f5
}

.lt-windowad .lt-windowad-address {
    padding: 4px 0 0;
    height: 20px;
    line-height: 20px;
    color: #999
}

.lt-windowad .lt-windowad-tel {
    margin: 4px 0 0;
    padding-left: 20px;
    height: 20px;
    line-height: 20px
}

.lt-windowad .lt-windowad-tel .tel {
    background: 0 0;
    padding: 0;
    display: inline;
    float: none
}

#J_SearchFixed {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: -86px;
    width: 100%;
    height: 80px;
    padding-bottom: 6px;
    background-position: 0 -8px;
    background-repeat: repeat-x
}

.fixed-search-logo {
    float: left;
    margin-top: 12px;
    width: 211px;
    height: 32px;
    overflow: hidden
}

.fixed-search-logo a {
    display: block;
    height: 32px;
    overflow: hidden;
    text-indent: -9999em
}

.fixed-search {
    float: left;
    padding: 10px 0 0 56px;
    width: 600px
}

.fixed-search .search-box {
    float: none;
    width: 519px;
    border-color: #30C37E
}

.fixed-search .search-box .stext {
    width: 506px
}

.fixed-search .search-box .input {
    border-color: #30C37E
}

.fixed-search .search-box .sbtn {
    background-color: #30C37E
}

.fixed-search-hot {
    position: relative;
    margin-right: -132px;
    overflow: hidden;
    height: 22px;
    margin-top: 5px;
    font: 12px/2 'Microsoft YaHei', arial
}

.fixed-search-hot span {
    float: left;
    padding-left: 18px;
    background-position: 0 -96px;
    color: #999
}

.fixed-search-hot a {
    float: left;
    margin-right: 15px
}

#fixedSuggest {
    width: 518px;
    top: 32px
}

.fixed-search-cellphone-top {
    float: right;
    white-space: nowrap;
    height: 24px;
    margin: 16px 0 0;
    font: 12px/2 'Microsoft YaHei', arial
}

.zplusad-list {
    padding: 20px 0 18px 20px
}

.zplusad-list li {
    float: left;
    margin-right: 20px;
    width: 226px
}

.zplusad-info img {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 12px
}

.zplusad-info .zplusad-price {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #f33
}

.zplusad-info .zplusad-price b {
    font-size: 18px
}

.zplusad-info .zplusad-name, .zplusad-info .zplusad-nums {
    margin-top: 2px;
    height: 20px;
    color: #999;
    line-height: 20px;
    overflow: hidden
}

.zplusad-info .zplusad-button {
    display: block;
    margin-top: 5px;
    width: 70px;
    height: 22px;
    background-color: #fff;
    color: #666;
    text-align: center;
    line-height: 22px;
    overflow: hidden;
    border: 1px solid #ccc
}

.zplusad-info .zplusad-button:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.zplusad-list h4 {
    clear: both;
    padding: 10px 20px 0 0;
    height: 36px;
    overflow: hidden;
    font: 12px/18px 'Microsoft YaHei', arial;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre
}

.zplusad-list h4 a {
    color: #333
}

.zplusad-list h4 a span {
    color: #f33
}

.zplusad-list h4 a:hover, .zplusad-list h4 a:hover span {
    color: #aaa
}

.product-comment-overview .comment-add-link .review-active-v4 {
    display: none;
    padding: 0;
    position: absolute;
    left: -26px;
    top: -12px;
    width: 25px;
    height: 36px;
    text-indent: -9999em;
    overflow: hidden
}

.product-comment-overview .comment-add-link .review-active-v4:hover {
    background-position: -275px -55px;
    background-color: #fff
}

.dz2015 {
    width: 90px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 0
}

.photography .article-item-header h3 {
    left: 38px;
    padding: 0 13px 0
}

.productArticle-photography {
    width: 780px
}

.photography .article-item {
    width: 165px;
    padding: 11px 0 20px;
    margin-right: 20px
}

.photography .article-ml {
    margin-left: 20px
}

.photography .article-item .pic {
    width: 163px;
    height: 122px;
    display: block
}

.photography .article-item dd {
    width: 163px
}

.article-item ul.item-list-ul {
    padding: 0
}

.productArticle-photography .article-item li {
    padding: 0 0 0 10px
}

.item-list-ul li {
    padding: 0 0 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.item-list-ul li a {
    color: #666
}

.product-comments-score-new .new-star, .product-comments-score-new .new-star em, .product-comments-score-new .total-score .rec-ico, .product-comments-score-new .total-score .rec-ico2 {
    background-image: url(../image/product-comments-score-new-ico.png)
}

.product-comments-score-new {
    margin-bottom: 0
}

.product-comments-score-new .comment-add-link {
    float: right;
    position: relative;
    margin: 13px -17px 0 0;
    width: 52px;
    line-height: 24px
}

.product-comments-score-new .comment-add-link a {
    position: relative;
    display: block;
    width: 36px;
    height: 32px;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    background-color: #30C37E;
    zoom: 1
}

.product-comments-score-new .comment-add-link a:hover {
    background-color: #00a39E;
    color: #fff;
    text-decoration: none
}

.product-comments-score-new .comment-add-link i {
    position: absolute;
    right: 0;
    top: -6px;
    display: block;
    width: 0;
    height: 0;
    background: 0 0;
    border: 3px solid #008547;
    border-top-color: transparent;
    border-right-color: transparent
}

.product-comments-score-new .total-score {
    margin: 20px 0 0;
    width: 98px;
    height: 85px;
    padding-top: 13px;
    overflow: hidden
}

.product-comments-score-new .total-score .rec-ico {
    width: 48px;
    height: 48px;
    background-position: 0 -1px
}

.product-comments-score-new .total-score .rec-ico2 {
    background-position: -52px -1px
}

.product-comments-score-new .new-star {
    width: 78px;
    height: 14px;
    background-position: 0 -78px
}

.product-comments-score-new .new-star em {
    background-position: 0 -58px
}

.product-comments-score-new .total-score strong {
    font-size: 28px;
    line-height: 36px
}

.product-comments-score-new .features-score {
    width: 320px;
    height: 78px;
    padding: 26px 0 16px 32px
}

.product-comments-score-new .features-score .bar-3 li {
    width: 76.6px
}

.product-comments-score-new .features-score .bar-4 li {
    width: 57.5px
}

.product-comments-score-new .features-score .bar-5 li {
    width: 64px
}

.product-comments-score-new .features-score .bar-6 li {
    width: 38.3px
}

.product-comments-score-new .features-score .canvas li .name {
    white-space: nowrap
}

.product-comments-score-new .features-score .x-line div {
    height: 78px;
    padding: 13px 0 16px 32px
}

.product-comments-score-new .features-score .x-line i {
    height: 14px
}

.product-comments-score-new .features-score .canvas li {
    height: 76px
}

.product-comments-score-new .features-score .canvas {
    height: 76px
}

.product-comments-score-new .features-score .y-axis {
    left: 5px;
    bottom: 16px
}

.product-comments-score-new .features-score .y-axis b {
    height: 15px;
    line-height: 15px
}

.product-comments-score-new .no-detail-score .comments-level {
    padding: 10px 0 7px 7px
}

.product-comments-score-new .no-detail-score .comments-level li {
    width: 160px;
    height: 12px;
    margin-top: 13px;
    padding-right: 48px
}

.product-comments-score-new .comments-level b, .product-comments-score-new .comments-level var {
    top: -2px;
    line-height: 16px
}

.product-comments-score-new .no-detail-score {
    width: 265px;
    margin-top: 3px
}

.product-comments-score-new .no-detail-score .comments-level .rate-bar {
    height: 12px
}

.product-comments-score-new .no-detail-score .comments-level .rate-bar em {
    height: 12px
}

.empty-comment-new {
    height: 108px;
    margin-bottom: -10px
}

.empty-comment-new i {
    width: 108px;
    height: 118px;
    top: 10px
}

.hot {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.merchant_hot {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0
}

.ultrabook-icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 85px;
    height: 25px
}

.award {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 5
}

.award1, .award2, .award3 {
    width: 49px;
    height: 49px
}

.award1_2010 {
    background-position: 0 0
}

.award2_2010 {
    background-position: -100px 0
}

.award3_2010 {
    background-position: -200px 0
}

.award1_2011, .award2_2011, .award3_2011 {
    width: 76px;
    height: 66px
}

.award1_2011 {
    background-position: 0 0
}

.award2_2011 {
    background-position: -131px 0
}

.award3_2011 {
    background-position: -262px 0
}

.award1_2012, .award2_2012, .award3_2012 {
    width: 75px;
    height: 66px
}

.award1_2012 {
    background-position: 1px 0
}

.award2_2012 {
    background-position: -97px 0
}

.award3_2012 {
    background-position: -197px 0
}

.award1_2013, .award2_2013, .award3_2013 {
    width: 75px;
    height: 66px
}

.award1_2013 {
    background-position: 0 0
}

.award2_2013 {
    background-position: 0 -151px
}

.award3_2013 {
    background-position: 0 -75px
}

.award1_2014, .award2_2014, .award3_2014 {
    width: 75px;
    height: 66px
}

.award1_2014 {
    background-position: 0 0
}

.award2_2014 {
    background-position: 0 -151px
}

.award3_2014 {
    background-position: 0 -75px
}

.award1_2015, .award2_2015, .award3_2015 {
    width: 75px;
    height: 66px
}

.award1_2015 {
    background-position: 0 0
}

.award2_2015 {
    background-position: 0 -151px
}

.award3_2015 {
    background-position: 0 -75px
}

.award1_2016, .award2_2016, .award3_2016 {
    width: 75px;
    height: 66px
}

.award1_2016 {
    background-position: 0 0
}

.award2_2016 {
    background-position: 0 -145px
}

.award3_2016 {
    background-position: 0 -72px
}

.aixin {
    width: 50px;
    height: 45px;
    position: absolute
}

.chukong {
    width: 68px;
    height: 68px;
    position: absolute;
    left: 0
}

.rexiao {
    width: 66px;
    height: 62px;
    position: absolute;
    left: 0
}

.yushou {
    width: 66px;
    height: 65px;
    position: absolute;
    left: 0
}

.icon-boe-new {
    width: 50px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: 5px
}

.icon-ces-aria {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 5px;
    left: 5px
}

.icon-blak-golden {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 5px;
    left: 5px
}

.bk-icon {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 20;
    width: 97px;
    height: 71px
}

* html .zipai {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 87px
}

.z-one {
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 87px
}

.gushenji {
    width: 76px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-hot-sale {
    width: 68px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-zjz {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-bangyang {
    width: 70px;
    height: 74px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-dsbangyang {
    position: absolute;
    width: 49px;
    height: 49px;
    left: 0;
    top: 0
}

.corner-icon-bangyang10 {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.corner-icon-jd618 {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.corner-icon-youxuan {
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0
}

.icon-best-in-cj {
    width: 58px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-jpzx {
    width: 66px;
    height: 62px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-wjjx {
    width: 66px;
    height: 62px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-yxqj {
    width: 66px;
    height: 62px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-cuanji {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.corner-icon-samsungpay {
    width: 80px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.corner-icon-review {
    position: absolute
}

.corner-icon-jnh {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.corner-icon-colorfulHotPro2016 {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.corner-icon-huaweiP10Tmall2017 {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.corner-icon-tmall51WyBuy2017 {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0;
    top: 0
}

.wrap {
    width: 758px;
    border: 1px solid #E6E6E6;
    padding-bottom: 25px;
    border-top: 2px solid #30C37E;
    margin: 20px auto
}

.wrapper1 {
    width: 758px;
    border: 1px solid #E6E6E6;
    padding-bottom: 25px;
    border-top: 2px solid #30C37E;
    margin: 0 auto 90px
}

.wrap-top {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #E6E6E6;
    background: #FAFAFA
}

.wrap .title {
    font: 16px/46px 'Microsoft YaHei';
    height: 46px;
    color: #333;
    margin-left: 20px
}

.wrap .count {
    width: 150px;
    height: 46px;
    font: 12px/46px 'Microsoft YaHei';
    color: #999;
    margin-left: 5px
}

.ul1 {
    width: 750px;
    margin: 20px 0 0 20px
}

.ul1 li {
    width: 224px;
    border: 1px solid #E6E6E6;
    margin-right: 21px
}

.ul1 .last {
    margin-right: 0
}

.play {
    width: 198px;
    height: 34px;
    padding-left: 36px;
    font: 14px/34px 'Microsoft YaHei';
    background-repeat: no-repeat
}

.play1 {
    background-position: 12px -132px
}

.play2 {
    background-position: 12px -72px
}

.play3 {
    background-position: 12px -163px
}

.play5 {
    background-position: 12px -103px
}

.play6 {
    background-position: 12px 2px
}

.play8 {
    background-position: 12px -19px
}

.play21 {
    background-position: 12px -45px
}

.wrap .top {
    font-weight: 800;
    color: #333
}

.wrap table {
    color: #656565;
    border-top: 1px solid #F5F5F5;
    font-size: 12px;
    font-family: 'Microsoft YaHei'
}

.wrap table a {
    color: #656565
}

.wrap table tr {
    height: 24px;
    line-height: 24px
}

.wrap a:hover {
    color: #aaa
}

.wrap table .top-l {
    width: 46px;
    padding: 0 0 0 6px;
    text-align: center;
    overflow: hidden;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wrap table td {
    text-align: left
}

.top-r {
    width: 162px;
    overflow: hidden;
    text-align: left;
    padding: 0 0 0 12px
}

.wrap table .pt2 {
    display: block
}

.wrap table .pt0 {
    padding: 2px 0 0 6px
}

.wrap tr {
    height: 26px
}

.wrap td {
    text-align: center
}

.top-r a {
    display: block;
    width: 162px;
    padding-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wrap .parts {
    width: 224px;
    height: 56px;
    border-top: 1px solid #E6E6E6;
    background: #FAFAFA
}

.parts-l {
    width: 80px;
    margin: 5px 0 0 6px
}

.wrap .sum {
    width: 70px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei';
    color: #656565;
    margin: 2px 0 0 4px
}

.wrap .parts .num {
    width: 80px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei';
    color: #656565;
    margin: 5px 0 0 4px;
    position: relative
}

.wrap .money {
    font: 600 13px/20px 'Microsoft YaHei';
    position: absolute;
    left: 30px;
    top: 0;
    color: #f33
}

.parts-r {
    width: 80px;
    margin: 5px 0 0 56px
}

.wrap .time {
    width: 70px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei';
    color: #999;
    margin: 2px 0 0 6px
}

.wrap .det {
    width: 70px;
    font: 12px/20px 'Microsoft YaHei';
    color: #0A4FA1;
    margin: 4px 0 0 13px;
    display: inline-block
}

.wrap .rank {
    width: 720px;
    margin: 25px auto 0;
    position: relative
}

.wrap .rank a {
    font: 12px/14px 'Microsoft YaHei';
    color: #0A4FA1;
    border-right: 1px solid #D9D9D9;
    display: inline-block;
    padding-right: 4px;
    margin-right: 4px;
    height: 14px
}

.wrap .rank .a1 {
    border-right: 0
}

.wrap .rank .bot {
    width: 166px;
    height: 28px;
    border-radius: 2px;
    font: 12px/28px 'Microsoft YaHei';
    background: #4595E5;
    color: #fff;
    text-align: center;
    position: absolute;
    right: -5px;
    top: -6px;
    padding: 0;
    border: 0
}

.wrap .choose {
    width: 330px;
    height: 20px;
    font: 12px/20px 'Microsoft YaHei';
    color: #999;
    margin: 20px 0 0 20px
}

.wrapper2 .ul2 {
    margin: -6px 0 0 0
}

.wrap .det:hover {
    color: #aaa
}

.wrap .play:hover {
    color: #aaa
}

.wrap .tel:hover {
    color: #aaa
}

.wrap .rank .bot:hover {
    background: #1D6DBF;
    color: #fff;
    text-decoration: none
}

.wrap .ul1 .load {
    text-align: center;
    color: #A9A9A9;
    padding-top: 180px;
    height: 111px
}

.wrap .rank a:hover {
    color: #aaa
}

.wrap .parts-r em {
    font-family: simsun
}

.wrapper1 .rank {
    margin: 20px auto 0
}

.wrap .fl {
    float: left
}

.wrap .box-table {
    height: 200px;
    position: relative
}

.wrap .line {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 46px;
    top: 0;
    background: #f5f5f5
}

.wrap table .pt2 .tit-top {
    display: block;
    padding: 2px 1px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 162px
}

.opacity-cover {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    z-index: 110003;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000, gradientType=1)
}

#wish_2016 {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 100px 0 0 264px;
    width: 400px;
    height: 360px;
    color: #fff;
    margin: -170px 0 0 -245px
}

#wish-icon {
    height: 80px;
    width: 100px;
    font-size: 0;
    line-height: 0;
    text-indent: -99em;
    overflow: hidden;
    z-index: 9;
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -20px
}

#wish-form label {
    display: block;
    padding: 2px 0
}

#wish-form label span {
    display: inline-block;
    height: 34px;
    vertical-align: middle;
    text-align: right;
    font: 18px/34px 'microsoft yahei';
    width: 115px
}

#wish-form .wish-txt {
    background: 0 0;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    width: 230px;
    color: #fff;
    vertical-align: middle;
    border: 1px solid #D4A89A
}

#wish-form .wish-phone {
    width: 125px !important
}

#wish-form .wish-button {
    width: 95px;
    margin-left: 5px;
    background: #CD7F68;
    border: none;
    color: #fff;
    font-size: 20px;
    height: 34px;
    cursor: pointer;
    font-family: 'microsoft yahei'
}

#wish-form .disable {
    color: #ccc;
    cursor: default
}

#wish-form .wish-submit {
    border: none;
    height: 43px;
    width: 151px;
    margin-right: 10px;
    float: left;
    cursor: pointer;
    font-size: 26px;
    color: #fff;
    font-family: 'microsoft yahei'
}

#wish-form p {
    padding: 10px 23px 0 50px;
    height: 100px;
    font-size: 12px;
    line-height: 22px
}

#wish_2016 .close {
    position: absolute;
    width: 26px;
    height: 26px;
    cursor: pointer;
    top: 8px;
    right: 0
}

#wish-form .form-btns {
    font: 0/0 arial
}

#wish-form .btn-list {
    display: inline-block;
    width: 213px;
    height: 43px;
    text-indent: -999em
}

#wish-form a.btn-list {
    cursor: pointer
}

#wish-pop {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 380px;
    padding: 50px 0;
    border: 1px solid #FB9408;
    margin: -120px 0 0 -190px;
    text-align: center;
    font: 24px/30px 'microsoft yahei';
    color: #fff
}

#wish-pop .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 1px solid #FB9408;
    font: 20px/24px arial;
    color: #FB9408
}

#wish-pop.ok {
    background-color: #8947C9
}

#wish-pop.error {
    background-color: #555
}

#wish-pop p a {
    color: #FFFF73;
    font-size: 18px
}

.click_play {
    cursor: pointer
}

.music_box {
    width: 380px;
    text-align: center
}

.jplayer_content {
    height: 440px;
    overflow-y: auto;
    text-align: center;
    border-top: 1px solid #eee
}

.jp_img {
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.jp-progress {
    float: left;
    width: 300px;
    height: 10px;
    margin-top: 3px;
    background: #eee;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden
}

.jp-progress .jp-seek-bar {
    height: 100%
}

.jp-progress .jp-play-bar {
    height: 100%;
    background: #aaa;
    border-radius: 5px
}

.jp-time {
    text-align: right
}

.jp-controls li {
    float: left
}

.jp-controls li a {
    display: inline-block;
    width: 26px;
    line-height: 30px;
    font-family: iconfont;
    font-size: 14px;
    color: #aaa;
    cursor: pointer;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.jp-controls li a:hover {
    text-decoration: none
}

.jp-controls .jp-play::before {
    content: "\e634";
    color: #30C37E
}

.jp-controls .jp-pause::before {
    content: "\e695";
    color: #30C37E
}

.jp-controls .jp-stop::before {
    content: "\e7e0"
}

.jp-controls .jp-mute::before {
    content: "\e617";
    font-size: 18px
}

.jp-controls .jp-repeat::before {
    content: "\e609";
    font-size: 20px
}

.jp-controls .jp-repeat-off::before {
    content: "\e609";
    color: #eee;
    font-size: 20px
}

.jp-controls .jp-unmute::before {
    content: "\e67d";
    font-size: 18px;
    line-height: 20px
}

.jp-controls .sound {
    float: right;
    margin-right: 5px
}

.jp-volume-bar {
    height: 6px;
    width: 50px;
    background: #999;
    float: right;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 12px
}

.jp-volume-bar .jp-volume-bar-value {
    background: #30C37E;
    height: 100%
}

.lrc_list li.hover {
    font-size: 14px;
    color: #30C37E
}

.comment-expand {
    position: relative;
    zoom: 1;
    margin: 10px 0 0;
    padding: 0 20px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa
}

.comment-expand .loading {
    text-align: center;
    padding: 15px 0;
    height: 22px;
    line-height: 22px
}

.comment-expand .arrow-icon {
    position: absolute;
    left: 40px;
    top: -11px;
    width: 17px;
    height: 11px;
    background-position: -50px -60px
}

.comment-expand .comment-box {
    position: relative;
    zoom: 1;
    margin: 20px 0 0;
    padding: 0 0 16px 40px
}

.comment-expand .comment-box .reply-face {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.comment-expand .comment-box .reply-face img {
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.comment-expand .comment-placeholder span {
    display: block;
    overflow: hidden;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    cursor: text;
    color: #999
}

.comment-expand .comment-placeholder input {
    width: 422px;
    height: 26px
}

.comment-expand .comment-box textarea {
    resize: none;
    display: block;
    width: 656px;
    padding: 5px 10px;
    height: 18px;
    outline: 0 none;
    border: 1px solid #30C37E;
    background-color: #fff;
    font: 14px/18px 'Microsoft YaHei', arial;
    overflow: hidden
}

.comment-expand .comment-box .btn-comment {
    width: 70px;
    height: 30px;
    border: 0 none;
    overflow: hidden;
    background: #30C37E;
    cursor: pointer;
    font: 15px/30px 'Microsoft YaHei', arial;
    color: #FFF
}

.comment-expand .comment-box .btn-comment:hover {
    background: #00a39E
}

.comment-expand .comment-box .disable-btn, .comment-expand .comment-box .disable-btn:hover {
    background: #cfcfcf;
    outline: 0 none;
    cursor: default
}

.comment-expand .comment-placeholder .btn-comment {
    position: absolute;
    right: 0;
    top: 0
}

.comment-expand .comment-box .btn-commenta:hover {
    background: #3687d9
}

.comment-expand .comment-box .comment-func {
    margin-top: 10px;
    height: 30px;
    overflow: hidden;
    zoom: 1
}

.comment-expand .comment-func .btn-comment {
    float: right
}

.comment-expand .comment-tips {
    float: left;
    line-height: 24px;
    color: #c00;
    white-space: nowrap
}

.comment-expand .reply-list {
    border-top: 1px solid #f0f0f0
}

.comment-expand .reply-list .reply-item {
    padding: 12px 0 10px;
    zoom: 1;
    border-bottom: 1px solid #f0f0f0
}

.comment-expand .reply-list .vip-item {
    background: #fefaee;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #f7f3da
}

.comment-expand .reply-list .reply-child {
    margin-left: 40px;
    border-top: 0 none
}

.comment-expand .reply-list .vip-item-child {
    background: #fefaee;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #f7f3da
}

.comment-expand .reply-list .user-face {
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 3px 0 0
}

.comment-expand .user-face img {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    vertical-align: top
}

.comment-expand .reply-func span {
    float: left;
    color: #999
}

.comment-expand .reply-func em {
    float: left;
    margin: 0 6px 0 5px;
    color: #ccc;
    font-family: simsun
}

.comment-expand .reply-func a {
    color: #999
}

.comment-expand .reply-list .reply-func, .comment-expand .reply-list .reply-user, .comment-expand .reply-list p {
    overflow: hidden;
    zoom: 1;
    margin: 0 0 0 40px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word
}

.comment-expand .reply-func .reply-btn {
    position: relative;
    zoom: 1;
    float: left;
    margin-top: 4px;
    padding-left: 20px;
    background-position: -88px -45px;
    font-size: 12px
}

.comment-expand .reply-func .reply-btn:hover, .comment-expand .reply-item-hover .reply-btn {
    color: #333;
    text-decoration: none
}

.comment-expand .reply-func .reply-btn .icon {
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: 0 0
}

.comment-expand .reply-func .reply-btn .icon::before {
    content: '\e74f';
    display: block;
    font-family: iconfont;
    font-size: 18px;
    font-style: normal;
    color: #ccc
}

.comment-expand .reply-func .reply-btn:hover .icon, .comment-expand .reply-item-hover .reply-btn .icon {
    background-position: 0 -20px
}

.comment-expand .reply-list .reply-user {
    padding: 0 0 4px;
    color: #999;
    font-size: 12px;
    white-space: nowrap
}

.comment-expand .reply-user a {
    float: left;
    margin-right: 8px
}

.comment-expand .reply-user span {
    float: left;
    height: 20px;
    overflow: hidden;
    margin-right: 8px;
    color: #1f4f88
}

.comment-expand .reply-user em {
    float: left;
    margin-right: 8px
}

.comment-expand .reply-user .anonymous-tips {
    float: left;
    margin-right: 10px;
    padding-right: 6px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #fdd9ab;
    background: #fff
}

.comment-expand .anonymous-tips span {
    position: relative;
    padding-left: 12px;
    margin: 0 0 0 -5px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    background-position: -635px -280px;
    color: #f60
}

.comment-expand .anonymous-tips em {
    float: left;
    height: 18px;
    overflow: hidden;
    margin: 0 7px 0 0;
    font-family: simsun;
    color: #ccc
}

.comment-expand .anonymous-tips a {
    float: left
}

.comment-expand .reply-expand {
    position: relative;
    margin: 6px 0 0 0;
    padding-bottom: 5px
}

.comment-expand .reply-child .reply-expand {
    margin-left: 0
}

.comment-expand .reply-expand .icon-arrow {
    position: absolute;
    left: auto;
    right: 5px;
    top: -8px;
    width: 15px;
    height: 8px;
    font: 0/0 arial;
    background-position: -226px -165px
}

.comment-expand .reply-expand .comment-box {
    margin-top: 6px;
    padding-right: 0;
    padding-bottom: 0
}

.comment-expand .reply-expand textarea {
    padding: 3px 10px;
    width: 656px;
    border-color: #30C37E;
    color: #666;
    font-family: 'Microsoft YaHei', arial
}

.comment-expand .reply-child .reply-expand textarea {
    width: 616px
}

.comment-expand .reply-expand .comment-func {
    margin-top: 10px;
    height: 30px;
    overflow: hidden;
    zoom: 1
}

.comment-expand .reply-expand .btn-comment {
    position: static;
    float: right
}

.comment-expand .vip-item .reply-expand .comment-box textarea {
    width: 584px
}

.comment-expand .vip-item-child .reply-expand .comment-box textarea {
    width: 584px
}

.comment-expand .more-reply {
    padding: 11px 0;
    position: relative;
    background: #fafafa;
    zoom: 1;
    color: #333;
    text-align: center
}

.comment-expand .more-reply a {
    position: relative;
    zoom: 1;
    display: inline-block;
    padding: 0 10px 0 0;
    color: #333
}

.comment-expand .more-reply a .icon-rarr {
    position: absolute;
    zoom: 1;
    top: 5px;
    right: 0;
    width: 5px;
    height: 9px;
    overflow: hidden;
    background-position: -75px -75px
}

.comment-expand .more-reply a:hover, .comment-expand .more-reply:hover, .comment-expand .more-reply:hover a {
    color: #c00;
    text-decoration: underline
}

.comment-expand .more-reply a:hover .icon-rarr, .comment-expand .more-reply:hover .icon-rarr {
    background-position: -21px -105px
}

.comment-list .comment-item {
    position: relative;
    zoom: 1;
    margin: 0 0 20px;
    padding: 0 0 0 140px;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    font-family: 'Microsoft YaHei', arial
}

.comment-list .comments-user {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    margin: 0;
    padding: 25px 0 0;
    border: 0 none;
    text-align: center
}

.comment-list .comments-user .face {
    float: none;
    margin: 0
}

.comment-list .comments-user-name {
    margin: 12px 0 0
}

.comment-list .comments-list-content {
    padding: 18px 0 17px;
    background: #fff
}

.comment-list .func-handle {
    margin: 22px 0 0
}

.comment-list .comment-expand {
    margin: 10px 20px 0;
    border: 1px solid #e6e6e6
}

.comment-list .reply-expand textarea {
    width: 474px
}

.comment-list .reply-child .reply-expand textarea {
    width: 434px
}

.comment-list .comment-box textarea {
    width: 482px;
    resize: none;
    height: 54px;
    overflow-y: auto;
    padding: 4px 6px
}

.comment-list .comment-expand .arrow-icon {
    left: 24px;
    top: -6px;
    width: 9px;
    height: 6px;
    background-position: -50px -40px
}

.comment-detail {
    margin-top: 10px
}

.comment-detail .comments-list-content .comment-expand {
    margin-bottom: -20px
}

.add_song_box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 390px;
    height: 410px;
    margin: -205px 0 0 -145px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .5);
    display: none
}

.add_song_box .box_title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #30C37E;
    background: #f8f8f8;
    font-size: 14px
}

.add_song_box .box_close {
    position: absolute;
    top: 15px;
    right: 15px
}

.add_song_box .box_close a:hover {
    text-decoration: none
}

.add_song_box .box_close a::before {
    content: "\e601";
    font-family: iconfont
}

.add_song_box .box_content {
    position: relative;
    height: 367px
}

.add_song_box .search-layer {
    padding: 17px 25px 0 26px
}

.add_song_box .top-search {
    width: 340px;
    height: 36px
}

.add_song_box .top-search .txt {
    width: 233px;
    height: 34px;
    line-height: 34px;
    background: #efefef;
    border: 1px solid #efefef;
    float: left;
    padding: 0 16px;
    border-right: none
}

.add_song_box .top-search .btn {
    width: 74px;
    height: 36px;
    border: none;
    float: left;
    background: #ddd;
    font-size: 14px;
    cursor: pointer
}

.add_song_box .hotsearch {
    width: 338px;
    padding: 1px;
    margin-top: 10px
}

.add_song_box .hotsearch h2 {
    height: 20px;
    line-height: 20px;
    padding-left: 7px;
    border-left: 2px solid #30C37E;
    color: #666;
    font-weight: 400
}

.add_song_box .hotsearch .hcon {
    width: 338px
}

.add_song_box .hotsearch .hcon span {
    float: left;
    color: #333;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    padding: 5px 15px;
    border: 1px solid #30C37E;
    border-radius: 13px;
    margin: 18px 10px 0 0;
    cursor: pointer
}

.song_error_corr {
    position: relative;
    float: right;
    padding: 6px 0 0 0;
    margin-left: 10px
}

.song_error_corr .err_btn {
    padding: 2px 8px;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer
}

.song_error_corr .err_btn:hover {
    text-decoration: none
}

.song_error_corr ul {
    position: absolute;
    right: 0;
    width: 100px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
    display: none
}

.song_error_corr:hover ul {
    display: block;
    padding: 4px 0
}

.song_error_corr li {
    line-height: 30px;
    padding: 0 0 0 10px;
    cursor: pointer
}

.song_error_corr li:hover {
    background: #f0f0f0;
    color: #000
}

#sugResult .sugBox {
    background: #f0f0f0;
    border: 1px solid #ddd;
    margin-top: 10px;
    overflow: hidden
}

#sugResult dl {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 41px;
    position: relative
}

#sugResult dt {
    font-size: 12px;
    color: #999;
    display: inline;
    position: absolute;
    left: 10px;
    top: 6px
}

#sugResult dd {
    float: left;
    width: 297px;
    white-space: nowrap;
    overflow: hidden;
    background: #fff
}

#sugResult dd a {
    height: 40px;
    line-height: 40px;
    position: relative;
    display: block;
    padding: 6px 0;
    font-size: 14px;
    overflow: hidden
}

#sugResult dd a .songName {
    padding-left: 58px
}

#sugResult dd a .singerName {
    color: #999;
    max-width: 80px
}

#sugResult dd a i {
    padding: 0 5px
}

#sugResult dd a:hover {
    text-decoration: none;
    background: #f1f1f1;
    color: #333
}

#sugResult dd a .soCi {
    color: #c00
}

#sugResult .sug-song dd a {
    height: 20px;
    line-height: 20px;
    padding-left: 8px
}

#sugResult .sug-song dd a span {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#sugResult .sug-song dd a .songName {
    padding-left: 0;
    max-width: 180px
}

#sugResult .sug-singer dd a {
    line-height: 40px
}

#sugResult .sug-album dd div {
    line-height: 20px;
    height: 20px;
    margin-left: 58px
}

#sugResult .sug-album dd div.albumSingerName {
    margin-left: 70px
}

#sugResult .madd-ico {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #ccc
}

#sugResult .madd-ico::before {
    content: "\e62a";
    font-family: iconfont;
    font-size: 12px
}

#sugResult .sug-song .madd-ico {
    top: 10px
}

#scoreTips2 {
    padding-top: 10px;
    color: #c00
}