.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 }