.main { float: left; width: 620px } .aside { float: right; width: 240px; margin: 42px 0 0; border-left: 1px solid #eaeaea } a { color: #333; text-decoration: none } a:hover { color: #aaa; text-decoration: none } .pic img { vertical-align: top } .cubane_hilight { color: #aaa; text-decoration: none } .wrapper { width: 1200px; padding: 0; margin: 20px auto 0 } .global-sitenav { min-width: 1180px; padding-left: 15px } .footer { min-width: 950px; width: auto } .footer .footerw { padding: 0 15px } .search-tab-nav { height: 38px; min-width: 1200px; margin: 20px 0 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f7f7f7; line-height: 38px; background: #f7f7f7 } .search-tab-nav a { float: left; margin: 0 17px -1px 0; padding: 1px 10px 2px; color: #666; font: 400 14px/36px Arial } .search-tab-nav .current { position: relative; padding-bottom: 0; border-bottom: 2px solid #30C37C; color: #333; font-weight: 700 } .search-tab-nav a:hover { color: #333; text-decoration: none } .search-wrapper { width: 1200px; padding: 20px 0 0 15px; line-height: 36px; margin: 0 auto } .wap-con { width: 1200px; margin: 0 auto } .search-wrapper .logo-box { float: left; margin: 6px 20px 0 0; line-height: 24px } .search-wrapper .logo-box img { vertical-align: top } .search-wrapper .search-box { float: left; width: 500px; margin: 0 15px 0 0; padding: 0 } .search-wrapper .search_hot { height: 30px; overflow: hidden } .search-wrapper .search-input { position: relative; float: left; width: 398px; height: 34px; padding: 0 10px; border: 1px solid #bebebe; border-right: 0 none; background: #fff; z-index: 9 } .search-wrapper .search-input-focus { border-color: #0079bf } .search-wrapper .search-key { float: left; height: 16px; width: 270px; padding: 8px 0; border: 0 none; outline: 0 none; font: 400 14px/16px Arial } .search-wrapper .search-btn { float: left; width: 80px; height: 36px; border: 0 none; outline: 0 none; background: #30C37E; color: #fff; font: 400 16px/36px 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1'; text-align: center; cursor: pointer } .search-wrapper .search-btn:hover { background: #0079bf } .search-wrapper .search-link { float: left } .search-wrapper .search-link a { float: left; color: #999; white-space: nowrap } .search-wrapper .search-link a:hover { color: #aaa } .search-wrapper .search-link .space { float: left; padding: 0 8px 0 6px; color: #ccc; font-family: simsun; white-space: nowrap; text-align: center } .search-wrapper .search_hot span { font-weight: 700 } .search-wrapper .search_hot a { margin-right: 15px } .search-wrapper .search_hot a:last-child { margin-right: 0 } .fixed-search-wrapper { position: fixed; background: #fff; top: 0; left: 0; width: 100%; z-index: 1000; padding: 10px 0; box-shadow: 0 0 5px #888; border-bottom: 1px solid #f0f0f0 } .fixed-search-wrapper .logo-box { margin-left: 15px } .homepage-search-wrapper { position: absolute; top: 50%; left: 50%; width: 770px; height: 182px; margin: -16% 0 0 -335px; padding-top: 0 } .homepage-search-wrapper .logo-box { display: block; float: none; margin: 0 0 0 205px } .homepage-search-wrapper .search-tab-nav { height: 32px; min-width: 1046px; margin-top: 60px; padding-left: 0; border: 0 none; line-height: 32px } .homepage-search-wrapper .search-tab-nav a { margin-right: 14px; padding: 1px 8px 2px 12px; line-height: 32px } .homepage-search-wrapper .search-tab-nav .current { border: 0 none } .homepage-search-wrapper .search-tab-nav a:hover { text-decoration: none } .homepage-search-wrapper .search-input { height: 36px } .homepage-search-wrapper .search-btn { width: 100px; height: 40px; line-height: 40px } .homepage-search-wrapper .search-key { padding: 10px 0 } .homepage-search-wrapper .search-link { line-height: 40px } .homepage-search-wrapper .search-box { width: 640px } .pic-list { margin: -3px -15px 0 20px } .pic-list li { display: inline-block; width: 100px; margin: 15px 15px 0 0; vertical-align: top } .pic-list li img { border: 1px solid #ededed } .pic-list .pic:hover img { opacity: .85; filter: alpha(opacity=85) } .pic-list .text { display: block; width: 100px; max-height: 46px; overflow: hidden; margin: 5px 0 0; font-size: 13px; text-decoration: none; line-height: 23px; text-align: center; word-break: break-all; vertical-align: baseline; cursor: pointer } .picture-wrapper { height: 828px } .picture-wrapper .pic-list { margin: 0 -20px 0 0; padding: 0 0 30px } .picture-wrapper .pic-list li { float: left; width: 180px; margin: 20px 19px 0 0 } .picture-wrapper .pic-list .pic { display: block; position: relative; width: 180px; height: 135px; overflow: hidden; border: 1px solid #e6e6e6; text-align: center; line-height: 135px } .picture-wrapper .pic-list img { max-width: 180px; max-height: 135px; border: 0 none; vertical-align: middle } .picture-wrapper .pic-list .text { display: none; position: absolute; top: 107px; left: 0; width: 170px; height: 28px; margin: 0; padding: 0 5px; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000, gradientType=1); color: #fff; text-decoration: none; font-size: 12px; line-height: 28px; text-align: center } .picture-wrapper .current-item .text { display: block } .video-list { margin: 11px -34px 0 0; padding: 0 0 20px } .video-list li { display: inline-block; width: 180px; padding: 9px 17px 8px 0; vertical-align: top } .video-list .pic { display: block; position: relative; width: 180px; height: 135px; overflow: hidden } .video-list .pic:hover, .video-list .pic:hover .shdow-bar { color: #fff; text-decoration: none } .video-list .shdow-bar .view { display: block; position: absolute; left: 5px; top: 6px; width: 60px; overflow: hidden; height: 18px; padding: 0 0 0 17px; background-position: -148px -158px; line-height: 18px; text-align: left } .video-list .shdow-bar .time { position: absolute; right: 5px; top: 6px; height: 18px; padding: 0 0 0 10px; line-height: 18px } .video-list .video-title { display: block; max-height: 36px; overflow: hidden; margin: 7px 0 0; color: #333; line-height: 18px; word-break: break-all; vertical-align: baseline } .video-list .video-title:hover { color: #aaa } .video-list .li-hover img, .video-list .pic:hover img { opacity: .85; filter: alpha(opacity=85) } .video-list .release-time { display: block; margin: 4px 0 0; color: #999 } .video-list .li-hover .play-icon { display: block } .video-list .cubane_hilight { text-decoration: none } .video-list a:hover .cubane_hilight { text-decoration: none } .video-wrapper { height: 1076px } .video-wrapper .shdow-bar .view { width: 83px } .rank-list { padding: 0 0 0 20px } .rank-list li { position: relative; height: 35px; overflow: hidden; padding: 0 0 0 25px; line-height: 35px; font-size: 13px } .rank-list .title { display: block; height: 35px; overflow: hidden; color: #333; word-break: break-all } .rank-list .title:hover { color: #aaa } .rank-list .price { float: right; padding: 0 0 0 10px; color: #aaa } .rank-list em { position: absolute; top: 9px; left: 0; width: 17px; height: 17px; overflow: hidden; background: #e6e6e6; font-size: 13px; text-align: center; line-height: 17px } .rank-list .n1 em { background: #30C37C; color: #fff } .rank-list .current { height: 112px } .rank-list img { border: 1px solid #e6e6e6 } .rank-list .cubane_hilight { text-decoration: none } .filter .filter-tag { float: left; width: 68px; height: 24px; margin: 17px 10px 0 0; border-radius: 2px; border: 1px solid #e6e6e6; background: #fff; color: #666; text-align: center; line-height: 24px; cursor: pointer; text-decoration: none; display: block } .filter .filter-tag:hover { background: #f9f9f9 } .filter .current-tag, .filter .current-tag:hover { border-color: #30C37C; background: #30C37C; color: #fff } .page { padding: 18px 0 60px; overflow: hidden; color: #222; font: 14px/36px simsun } .page a { display: inline-block; min-width: 12px; height: 34px; margin: 0 5px 0 0; padding: 0 11px; border: 1px solid #e6e6e6; background-color: #fff; vertical-align: middle; white-space: nowrap; text-align: center; color: #666 } .page a, .page span { font-family: "Microsoft YaHei"; line-height: 34px } .page span { padding: 0 6px 0 4px; font-family: simsun } .page .next, .page .prev { width: 42px; background-color: #fff } .page .prev { padding-left: 26px; padding-right: 12px; background-position: 12px 11px } .page .next { padding-left: 12px; padding-right: 26px; background-position: -57px 11px } .page .next:hover, .page .prev:hover { background-color: #76bbec } .page .prev:hover { background-position: 12px -14px } .page .next:hover { background-position: -57px -14px } .page .now, .page a:hover { color: #fff; border-color: #30C37C; background-color: #30C37C; text-decoration: none } .page .next:hover, .page .prev:hover, .page a:hover { background-color: #30C37C } .page .now:hover { background-color: #30C37C } .results-num { margin: 7px 0 0; color: #999; line-height: 18px } .hint-top { height: 24px; overflow: hidden; margin: 12px 0 0; font: 700 14px/24px Arial } .hint-top a { margin: 0 27px 0 0; color: #aaa; word-break: break-all } .search-result-list { margin: 17px 0 0; padding: 0 0 6px } .search-result-list .pic { display: block; width: 140px; height: 105px; overflow: hidden; border: 1px solid #E3E2E3; text-align: center; line-height: 104px } .search-result-list .pic img { max-height: 105px; max-width: 140px; border: 0 none; vertical-align: middle } .search-result-list .result-item { margin-top: 25px } .search-result-list .result-for-aladdin { padding: 9px 0; border: 1px solid #e6e6e6 } .result-for-aladdin .item-header { margin-left: 15px } .search-result-list .item-title { font: 400 16px/26px Arial } .search-result-list .item-title a { display: block; height: 26px; overflow: hidden; text-decoration: none } .search-result-list .more-link { display: inline-block; margin: 3px 0 0; line-height: 20px; color: #4272db; font-size: 12px } .search-result-list .more-link:hover { color: #aaa } .search-result-list .more-link span { font-family: Simsun } .search-result-list .pic-list { margin: 0 -17px 0 0 } .search-result-list .pic-list li { float: left; width: 142px; margin: 0 17px 0 0; padding: 9px 0 8px } .search-result-list .video-list { margin: 0; padding: 0 } .search-result-list .video-list { margin: 0 -17px 0 0 } .search-result-list .video-list li { float: left; width: 140px; padding: 9px 19px 5px 0 } .search-result-list .video-list .shdow-bar { top: 81px; width: 140px } .search-result-list .abstract-text .description, .search-result-list .description { font: 400 13px/21px Arial } .search-result-list .abstract-source { margin: 3px 0 0; color: #666 } .search-result-list .abstract-source a { color: green } .search-result-list .abstract-source .similar-tag { color: #666; text-decoration: none } .search-result-list .abstract-source .similar-tag:hover, .search-result-list .abstract-source a:hover { color: #aaa } .search-result-list .abstract-source .space { padding: 0 2px } .search-result-list .description .cubane_hilight { text-decoration: none } .search-result-list .bordered { padding: 0 0 10px; border: 1px solid #e6e6e6 } .search-result-list .bordered .more-link { margin-left: 15px } .search-result-list .video-list .video-title { color: #333 } .search-result-list .video-list .video-title:hover { color: #aaa } .recommend-product-list { margin: 7px 0 3px; border: 1px solid #e6e6e6; border-top: 0 none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .recommend-product-list .product-summary { padding: 0 0 4px } .recommend-product-list .product-item { padding: 20px 20px 16px; border-top: 1px solid #e6e6e6; cursor: pointer } .recommend-product-list .product-item:hover { background: #fafafa } .recommend-product-list .score { float: right; margin: 18px 0 0 20px; text-align: center } .recommend-product-list .score em { display: block; color: #aaa; font: 700 26px/30px 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1' } .recommend-product-list .score span { display: block; margin: 3px 0 0; color: #666; font: 400 14px/20px Arial } .recommend-product-list .pic { float: left; margin: 0 10px 0 0 } .recommend-product-list .pic img { border: 1px solid #fff } .recommend-product-list .more-link { margin-top: 12px } .recommend-product-list .product-item:hover img { border: 1px solid #ccc } .recommend-product-list .product-intro { overflow: hidden; zoom: 1 } .recommend-product-list .product-intro li { height: 20px; overflow: hidden; font: 400 13px/20px Arial } .recommend-product-list .product-intro em { color: #aaa } .recommend-product-list .product-intro .product-title { height: 24px; padding: 0 0 4px } .recommend-product-list .product-title a { font: 400 16px/24px Arial; text-decoration: none } .recommend-product-list .links span { float: left } .recommend-product-list .links a { float: left; margin: 0 13px 0 0; color: #4272db; text-decoration: none } .recommend-product-list .links a:hover { color: #aaa } .recommend-product-list .comments-words { display: none; margin: 9px 0 0 } .recommend-product-list .words-tips { font: 400 14px/32px Arial } .recommend-product-list .words-tips strong { color: #f60 } .recommend-product-list .bad-words, .recommend-product-list .good-words { padding: 0 0 4px 50px; position: relative; zoom: 1; height: 32px; overflow: hidden } .recommend-product-list .words-all { height: auto } .recommend-product-list .bad-words strong, .recommend-product-list .good-words strong { position: absolute; left: 0; top: 6px; height: 24px; font: 14px/24px "Microsoft YaHei", airal } .recommend-product-list .good-words strong { color: #f60 } .recommend-product-list .bad-words strong { color: #090 } .recommend-product-list .words-list li { float: left; position: relative; margin: 6px 10px 0 0 } .recommend-product-list .words-list a { float: left; padding: 0 0 0 9px; height: 24px; border: 1px solid #fc9; line-height: 24px; text-decoration: none; white-space: nowrap; outline: 0 none; -moz-box-shadow: 0 0 3px #e5e5e5; -webkit-box-shadow: 0 0 3px #e5e5e5; box-shadow: 0 0 3px #e5e5e5 } .recommend-product-list .words-list a span { padding-right: 2px } .recommend-product-list .good-words a { color: #f60 } .recommend-product-list .good-words a:hover { background-color: #fff9e5; color: #f60; text-decoration: none } .recommend-product-list .bad-words a { border-color: #a7dba7; color: #408040 } .recommend-product-list .bad-words a:hover { background-color: #e6fae9; color: #408040; text-decoration: none } .recommend-product-list .bad-comment, .recommend-product-list .good-comment, .recommend-product-list .total-comment { padding: 5px 0 0 43px; font: 400 13px/21px Arial } .recommend-product-list .good-comment { padding-top: 2px } .recommend-product-list .good-comment strong { float: left; margin: 0 0 0 -43px; color: #ff6a18 } .recommend-product-list .bad-comment strong { float: left; margin: 0 0 0 -43px; color: #090 } .recommend-product-list .total-comment strong { float: left; margin: 0 0 0 -43px; color: #666 } .recommend-product-list .count-links { margin: 5px 0 0 } .recommend-product-list .count-links a { float: left; height: 22px; margin: 0 18px 0 0; padding: 0 0 0 25px; background-position: -139px 5px; color: #999; line-height: 22px } .recommend-product-list .count-links .reply-link { padding-left: 22px; background-position: -144px -20px } .recommend-product-list .count-links .help-link { background-position: -138px -47px } .recommend-product-list .count-links a:hover { background-position: -139px -75px; color: #333 } .recommend-product-list .count-links .reply-link:hover { background-position: -144px -100px } .recommend-product-list .count-links .help-link:hover { background-position: -138px -127px } .recommend-product-list .current-item { cursor: default } .recommend-product-list .current-item:hover { background: #fff } .recommend-product-list .current-item:hover img { border: 0 none } .recommend-product-list .current-item .comments-words { display: block } .recommend-product-list .current-item img { padding: 1px; border: 0 none } .recommend-product-list .hit-product-intro { padding-top: 15px } .recommend-product-list .product-summary .pic { width: 120px; height: 90px; border: 0 none; line-height: 90px } .aladdin-box { margin: 3px 0 0 } .aladdin-box table { width: 100%; border-spacing: 0; border-collapse: collapse } .aladdin-box table th, .aladdin-box td { border-spacing: 0; border-collapse: collapse; font: 400 13px/21px Arial; word-break: break-all } .aladdin-box td { padding: 0 20px 0 0 } .result-for-aladdin .aladdin-box .product-summary { padding-left: 15px } .aladdin-box .param-table em { position: static; top: 0; left: 0; width: auto; height: auto; font-weight: 700; background: 0 0; color: #aaa } .aladdin-box .pic { float: left; width: 120px; height: 90px; margin: 5px 10px 0 0; border: 0 none; line-height: 90px } .aladdin-box .product-param { width: 465px; overflow: hidden; zoom: 1 } .aladdin-box .param-color span { float: left } .aladdin-box .param-color i { float: left; width: 9px; height: 9px; overflow: hidden; margin: 6px 6px 0 0 } .aladdin-box .param-more { color: #999; font-family: Simsun } .aladdin-box .links a { margin: 0 13px 0 0; float: left; line-height: 24px; color: #4272db; text-decoration: none } .aladdin-box .links a:hover, .aladdin-box .param-more:hover { color: #aaa } .aladdin-box .links .link-like-button { margin-left: 7px; width: 78px; height: 24px; text-decoration: none; text-align: center; color: #fff; border-radius: 2px; background: #f33; overflow: hidden; line-height: 27px \9 } .aladdin-box .links .link-like-button:hover { background: #aaa; color: #fff } .aladdin-box .related-products { margin: 10px 0 0 } .aladdin-box .related-products th { height: 32px; padding: 0 15px; border-bottom: 1px solid #f4f4f4; background: #fbfbfb; text-align: left; line-height: 32px } .aladdin-box .related-products td { height: 32px; padding: 0 15px; border-bottom: 1px solid #f4f4f4; line-height: 32px } .aladdin-box .related-products .cell-1 { width: 350px } .aladdin-box .related-products em { color: #aaa; font-weight: 700 } .aladdin-box .related-products .cell-3 a { text-decoration: none } .aladdin-box .more-link { margin: 8px 0 0 15px } .aladdin-box .related-products .cubane_hilight { text-decoration: none } .aladdin-box .rank-list { overflow: hidden; zoom: 1; padding: 0 15px } .aladdin-box .rank-list li { height: 42px; border-bottom: 1px solid #f0f0f0; line-height: 42px } .aladdin-box .rank-list em { top: 12px } .aladdin-box .rank-list .current { height: 157px } .aladdin-box .rank-list .product-param { width: 430px } .aladdin-box .rank-list td { padding-right: 10px } .aladdin-box .rank-list .arrow-icon { float: right; width: 11px; height: 18px; overflow: hidden; margin: 12px 10px 0 0; background-position: 0 -44px; text-indent: -999em; cursor: pointer } .aladdin-box .rank-list .title { float: left; height: 42px; width: 335px; padding-right: 10px; color: #333 } .aladdin-box .rank-list .title:hover { color: #aaa } .aladdin-box .rank-list .price { width: 140px; height: 42px; overflow: hidden; padding: 0; margin-right: 55px; color: #666 } .aladdin-box .rank-list i { color: #aaa; font-style: normal } .aladdin-box .rank-list td span { display: block; width: 210px; height: 20px; overflow: hidden; padding-right: 5px } .aladdin-box .current .arrow-icon, .aladdin-box .current .price { display: none } .aladdin-box .current .title { font-weight: 700 } .aladdin-box .price-box { padding: 4px 5px 12px 15px; border-bottom: 1px solid #f0f0f0; font: 400 13px/25px arial } .aladdin-box .price-box li { overflow: hidden; zoom: 1; padding: 5px 0 0 70px } .aladdin-box .price-box strong { float: left; margin: 0 0 0 -70px } .aladdin-box .price-box a, .aladdin-box .price-box span { float: left; white-space: nowrap } .aladdin-box .price-box span { color: #999 } .aladdin-box .price-box i { float: left; padding: 0 7px; color: #ccc; font: 400 13px/25px SimSun } .aladdin-box .brand-box { padding: 15px 15px } .aladdin-box .brand-box .logo { float: left; margin: 5px 10px 0 0 } .aladdin-box .brand-box img { vertical-align: top } .aladdin-box .brand-box h3 { height: 20px; overflow: hidden; zoom: 1; padding: 0 0 4px; font: 700 16px/20px Arial } .aladdin-box .brand-box .Vicon { display: inline-block; zoom: 1; width: 14px; height: 12px; overflow: hidden; margin: 0 0 0 5px; background-position: -35px -50px; vertical-align: 0 } .aladdin-box .brand-box p { height: 19px; overflow: hidden; zoom: 1; color: #666; font-size: 13px; line-height: 19px } .aladdin-box .products-tabs .tab-nav { padding: 0 15px; border-bottom: 1px solid #e6e6e6 } .aladdin-box .products-tabs .tab-nav li { float: left; margin: 0 20px -1px 0; padding: 0 5px 2px; border-bottom: 1px solid #e6e6e6; font: 400 14px/24px Arial; cursor: pointer } .aladdin-box .products-tabs .tab-nav .current { padding-bottom: 0; border-bottom: 3px solid #30C37C; font-weight: 700 } .abstract-links { margin: 2px 0 0; font: 400 13px/23px Arial } .abstract-links a { float: left; height: 23px; max-width: 470px; overflow: hidden; line-height: 24px; word-break: break-all; white-space: nowrap; text-overflow: ellipsis } .abstract-links .time { float: left; padding: 0 0 0 10px; color: #666 } .abstract-links .cubane_hilight { text-decoration: none } .abstract-links a:hover .cuban_hilight { text-decoration: none } .news-abstract { margin: 4px 0 0 } .news-abstract .pic { float: left; margin: 0 10px 0 0 } .news-abstract .pic img { border: 1px solid #e3e2e3 } .news-abstract p { overflow: hidden; zoom: 1; font: 400 13px/21px Arial } .news-abstract .links { height: 22px; overflow: hidden; zoom: 1; color: #4272db; line-height: 22px } .news-abstract .links .space { padding: 0 5px } .news-abstract .links a { color: #4272db } .news-abstract .links a:hover { color: #aaa } .news-abstract .cuban_hilight { text-decoration: none } .expansion-box { overflow: hidden } .expansion-box .pic-list { width: 235px } .section { padding: 0 0 30px } .section .section-header { overflow: hidden; padding: 0 20px } .section .section-title { font: 700 14px/20px Arial } .section .section-title .cubane_hilight { text-decoration: none } .section .section-header .expansion-icon { float: right; margin: 0 -20px 0 0; padding-right: 16px; background-position: 29px -44px; color: #333; cursor: pointer } .section .section-header .colsed-icon { background-position: 29px -59px } .error-tip-box { padding: 8px 0 0 0; font: 400 14px/30px Arial } .error-tip-box .section { padding: 19px 0 0 } .error-tip-box .section-header { padding: 0 } .error-tip-box .text { padding: 24px 0 0 } .error-tip-box .text a { display: inline-block; margin: 10px 0 0; color: #999 } .error-tip-box .text .cubane_hilight { text-decoration: none } .error-tip-box .news-list { padding: 7px 0 0 } .error-tip-box .news-list li { height: 30px; overflow: hidden; font: 400 14px/30px Arial } .error-tip-box .news-list a { word-break: break-all } .error-tip-box .news-list .more { font-family: SimSun; word-break: break-all } .homepage, .homepage body { position: relative; height: 100%; min-height: 600px } .homepage .footer-wrap { position: absolute; bottom: 0; height: 30px; z-index: 0; width: 100%; overflow: hidden; margin: 0 auto; padding: 0 0 20px } .errorpage, .errorpage body { position: relative; height: 100%; min-height: 600px } .errorpage .footer { position: absolute; bottom: 0; height: 30px; z-index: 0; width: 100%; overflow: hidden; padding: 0 0 20px } .related-search { width: 620px; padding: 21px 0 24px 0; font-size: 14px; line-height: 26px } .related-search strong { display: block; padding: 0 0 3px; font-size: 16px } .related-search a { float: left; width: 190px; height: 26px; overflow: hidden; margin: 0 13px 0 0; text-decoration: none; word-break: break-all } .related-search a:hover { color: #aaa; text-decoration: none } .comment-compare { margin: 4px 0 0 20px } .comment-compare li { height: 27px; overflow: hidden; font: 400 13px/27px Arial } .comment-compare span { float: left } .comment-compare span { color: #333 } .comment-compare .rate-bar { float: left; width: 135px; height: 10px; overflow: hidden; margin: 9px 0 0 2px; background: #f5f5f5 } .comment-compare .rate-bar span { height: 10px; background: #30C37C } .comment-compare em { color: #333; float: right } .comment-compare a:hover { text-decoration: none; cursor: default } .comment-compare a:hover em { text-decoration: none } .comment-compare a[href] { cursor: pointer } .comment-compare a[href]:hover em { text-decoration: none } .comment-compare a[href]:hover .rate-bar span { background: #4b9ced } .hot-search-section { padding: 20px 0 0; clear: both; width: 638px } .hot-search-head { height: 36px; padding: 0 20px; background: #fafafa; border: 1px solid #e6e6e6; border-bottom-color: #f5f5f5 } .hot-search-head .close { float: right; margin-top: 13px; width: 11px; height: 11px; font: 0/0 arial; overflow: hidden; text-indent: -999em; background-position: 0 -96px } .hot-search-head .close:hover { background-position: 0 -111px } .hot-search-head .title { font: 700 14px/36px ""; color: #666 } .hot-search-wrap { padding: 8px 0; border: 1px solid #e6e6e6; border-top: 0 none } .hot-search-wrap ul { width: 630px } .hot-search-wrap li { float: left; width: 179px; height: 26px; margin: 0 0 0 20px; padding-left: 11px; line-height: 26px; overflow: hidden; font-size: 14px; background-position: -157px -223px } .hot-search-wrap li a { color: #666 } .hot-search-wrap li a:hover { color: #aaa } .search-suggest { position: absolute; top: 34px; left: -2px; width: 539px; display: none; background-color: #fff; border: 1px solid #e6e6e6; border-top: 0 none; z-index: 10 } .search-suggest li { height: 30px; line-height: 30px; overflow: hidden; cursor: pointer } .search-suggest a { display: block; cursor: pointer; padding: 0 12px; font: 13px/30px arial; color: #666; margin: 0; height: 30px; overflow: hidden } .search-suggest .cur a, .search-suggest a:hover { background-color: #f0f0f0; text-decoration: none } .homepage-search-wrapper .search-suggest { top: 38px } .search-hot-top { padding: 3px 0 0 20px } .search-hot-top li { position: relative; height: 37px; padding-left: 26px; line-height: 37px; overflow: hidden } .search-hot-top em { position: absolute; top: 11px; left: 0; width: 17px; height: 17px; line-height: 17px; text-align: center; background-color: #e6e6e6 } .search-hot-top .n1 { background-color: #30C37C; color: #fff } .search-hot-top a { color: #333 } .search-hot-top a:hover { color: #aaa } .zol-v-wrap { background-color: #fff; border: 1px solid #e6e6e6 } .zol-v-infor { padding: 16px 0 17px 15px } .zol-v-infor .zol-logo { float: left; margin-top: 4px; margin-right: 21px } .zol-v-infor .zol-logo img { vertical-align: top } .zol-v-infor .title { margin-bottom: 3px; font: 700 16px/24px "ЛОМе" } .zol-v-infor .title .icon-v { display: inline-block; zoom: 1; width: 14px; height: 12px; overflow: hidden; margin: 0 0 0 5px; background-position: -35px -50px; vertical-align: 0 } .zol-v-infor .title span { padding-left: 10px; font-size: 13px; color: #999; font-weight: 100 } .zol-v-infor p { line-height: 18px; font-size: 13px } .zol-v-infor p span { margin-right: 42px } .zol-v-btm { margin-top: 9px; font-size: 13px; line-height: 18px } .zol-v-btm span { padding: 0 11px; color: #ccc } .zol-links { padding: 5px 0 20px; background-color: #fafafa; border-top: 1px solid #f5f5f5 } .zol-links a { display: inline-block; width: 103px; height: 32px; margin: 15px 0 0 15px; border: 1px solid #e6e6e6; background-color: #fff; line-height: 32px; text-align: center; font-size: 13px; color: #666; overflow: hidden } .zol-links a:hover { background-color: #f5faff; border: 1px solid #30C37C; color: #30C37C; text-decoration: none } .article { margin-top: 7px } .article .thumb { margin-right: 10px; float: left; width: 100px; height: 75px; overflow: hidden; border: 1px solid #e6e6e6 } .article .description .detail { margin-left: 12px; color: #4272db; font-family: Simsun } .article .description .detail:hover { color: #aaa } .article .about { margin-top: 5px; height: 22px; line-height: 22px; color: #666 } .article .about .date { margin-right: 13px } .article .about .writer { margin-left: 7px; color: #4272db } .article .about .writer:hover { color: #aaa } .article .total { float: right } .article .total > span { margin-left: 20px; display: inline-block; vertical-align: top } .article .views { padding-left: 20px; background-position: -144px 5px } .article .comments { padding-left: 17px; background-position: -147px -20px } .exports { margin-top: -18px; padding-left: 4px } .exports a { margin: 14px 0 0 15px; padding-top: 52px; float: left; width: 101px; height: 30px; font-size: 14px; line-height: 24px; text-align: center; color: #30C37C; border: 1px solid #d3e6fa } .exports a:hover { color: #0079bf; text-decoration: none; border-color: #88b9ea } .exports .tuan { background-position: 50% 0 } .exports .tuan:hover { background-position: 50% -82px } .exports .ershou { background-position: 50% -164px } .exports .ershou:hover { background-position: 50% -246px } .exports .ask { background-position: 50% -328px } .exports .ask:hover { background-position: 50% -410px } .exports .software { background-position: 50% -492px } .exports .software:hover { background-position: 50% -574px } .search-result-list .abstract-text .cubane_hilight { text-decoration: none } .zol-global-footer .zol-footer { min-width: 1180px } .brand-box { position: relative } .brand-box .link-like-button { position: absolute; top: 68px; right: 166px; display: block; width: 78px; height: 24px; text-decoration: none; text-align: center; color: #fff; border-radius: 2px; background: #f33; overflow: hidden; line-height: 24px } .mod_songlist { font-size: 14px; overflow: hidden; width: 960px; float: left } .mod_lyric_list, .mod_mv_list, .mod_playlist_text, .mod_songlist { padding-bottom: 40px } .songlist__header { height: 50px; line-height: 50px; background-color: #fbfbfd; color: #999 } .songlist__header, .songlist__item { position: relative; padding-left: 20px } .songlist__header, .songlist__item { padding-right: 122px } .songlist__header_name, .songlist__songname { float: left; width: 47.685185%; position: relative; white-space: normal } .songlist__list { overflow: hidden; clear: both } .songlist__list li:nth-child(even) { background-color: #fbfbfd } .songlist__item { clear: both; font-size: 0; overflow: hidden } .songlist__item--even { background-color: #fbfbfd } .songlist__edit { display: none } .songlist__album, .songlist__artist, .songlist__number, .songlist__other, .songlist__songname, .songlist__time { line-height: 50px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px } .icon_sosomusic, .songlist__icon_exclusive, .songlist__icon_mv { background-image: url(img/icon_sprite.png?max_age=2592000&v=b400e66d54509982e5e169061ab1d26e); background-image: -webkit-image-set(url(img/icon_sprite.png?max_age=2592000&v=b400e66d54509982e5e169061ab1d26e) 1x, url(img/icon_sprite@2x.png?max_age=2592000&v=b400e66d54509982e5e169061ab1d26e&v=5623436095dd87392970282546ddde64) 2x) } .icon_sosomusic { width: 18px; height: 18px; display: block; position: relative; top: 50%; margin-top: -9px; line-height: 99px; overflow: hidden; background-position: -120px -80px } .songlist__icon_mv { display: inline-block; width: 33px; height: 16px; background-position: -40px -280px; vertical-align: middle; margin-right: 6px } .songlist__songname_txt { float: left; overflow: hidden; text-overflow: ellipsis; max-width: 75%; margin-right: 8px; white-space: nowrap } .songlist__item .songlist__songname_txt:nth-child(1) { max-width: 85%; box-sizing: border-box } .songlist__item .songlist__icon:nth-child(1) + .songlist__songname_txt { max-width: 72%; box-sizing: border-box } .songlist__item .songlist__icon:nth-child(2) + .songlist__songname_txt { max-width: 62%; box-sizing: border-box } .songlist__icon { display: inline-block } .songlist__item .mod_list_menu { position: absolute; right: -10px; right: -9999px \9; top: 50%; overflow: hidden; opacity: 0; pointer-events: none } .songlist__item--current .mod_list_menu, .songlist__item:hover .mod_list_menu { opacity: 1; pointer-events: inherit; right: -10px; margin-top: -18px } .songlist__item--current .songlist__songname_txt, .songlist__item:hover .songlist__songname_txt { max-width: 31% } .songlist__item--current .songlist__songname_txt:nth-child(1), .songlist__item:hover .songlist__songname_txt:nth-child(1) { max-width: 41% } .songlist__item--current .songlist__icon:nth-child(1) + .songlist__songname_txt, .songlist__item:hover .songlist__icon:nth-child(1) + .songlist__songname_txt { max-width: 38% } .songlist__item--current .songlist__icon:nth-child(2) + .songlist__songname_txt, .songlist__item:hover .songlist__icon:nth-child(2) + .songlist__songname_txt { max-width: 28% } @media (max-width: 1240px) { .songlist__item--current .songlist__songname_txt, .songlist__item:hover .songlist__songname_txt { max-width: 40% } .songlist__item--current .songlist__icon:nth-child(1) + .songlist__songname_txt, .songlist__item:hover .songlist__icon:nth-child(1) + .songlist__songname_txt { max-width: 28.2% } .songlist__item--current .songlist__icon:nth-child(2) + .songlist__songname_txt, .songlist__item:hover .songlist__icon:nth-child(2) + .songlist__songname_txt { max-width: 16% } .mod_songlist--edit .songlist__item--current .songlist__songname_txt, .mod_songlist--edit .songlist__item:hover .songlist__songname_txt { max-width: 37% } .mod_songlist--edit .songlist__item--current .songlist__icon:nth-child(1) + .songlist__songname_txt, .mod_songlist--edit .songlist__item:hover .songlist__icon:nth-child(1) + .songlist__songname_txt { max-width: 20% } .mod_songlist--edit .songlist__item--current .songlist__icon:nth-child(2) + .songlist__songname_txt, .mod_songlist--edit .songlist__item:hover .songlist__icon:nth-child(2) + .songlist__songname_txt { max-width: 11% } } .songlist__item--disable .songlist__songname_txt a { color: #999 } .mod_list_menu { font-size: 0; height: 36px } .songlist__item .mod_list_menu { position: absolute; right: -10px; right: -9999px \9; top: 50%; overflow: hidden; opacity: 0; pointer-events: none } .list_menu__item { display: inline-block; margin-right: 10px; vertical-align: top; cursor: pointer } .songlist__album, .songlist__artist, .songlist__header_album, .songlist__header_author { float: left; padding-left: 20px; width: 23.611111% } .songlist__header_time, .songlist__time { position: absolute; top: 0; right: 38px; width: 50px; right: 64px } .songlist__song_txt, .songlist__time { color: #999 } .songlist__header_other, .songlist__other { position: absolute; top: 0; right: 0; width: 64px; overflow: inherit } .c_tx_highlight { color: #31c27c } .pagebar { padding: 40px 0 0 } .side { float: right; width: 220px } .module { margin: 0 0 10px 0; border: 1px solid #e6e6e6 } .module-header { padding: 7px 10px; border-bottom: 1px solid #e6e6e6; background-color: #fafafa } .module-header h3 { font: 14px/23px 'Microsoft YaHei', arial } .module-header .more { float: right; margin: 0 0 0 10px; font-family: simsun, '\u5B8B\u4F53'; height: 24px; line-height: 24px; color: #666 } .module-header .more:hover { color: #aaa } .module_2 p { line-height: 20px; padding: 10px 8px } .module_2 p a { padding: 0 8px; white-space: nowrap; border-right: 1px solid #ccc; color: #31c27c } .module_2 p a:hover { color: #0093aa } .module_2 p a:last-child { border: none } .side-list { padding: 9px 5px 6px 10px; background: #fff } .side-list li { position: relative; height: 24px; overflow: hidden; padding: 3px 0 3px 24px; line-height: 24px } .side-list .n1, .side-list .n2 { position: absolute; top: 6px; left: -3px; height: 16px; font: italic 12px/16px arial; width: 16px; text-align: center } .side-list .n1 { background: #30C37E; color: #fff } .side-list .n2 { color: #999 } .side-list .pic { display: none; float: left; margin: 3px 5px 0 0 } .side-list .pic img { vertical-align: top } .side-list p { max-height: 36px; overflow: hidden; zoom: 1; word-break: break-all; word-wrap: break-word } .side-list p a { color: #666 } .side-list p a:hover { color: #aaa } .side-list .price { display: none; overflow: hidden; zoom: 1; margin: 5px 0 0; color: #f33; line-height: 18px; height: 18px } .side-list .current { height: 66px; line-height: 18px } .side-list .current .pic, .side-list .current .price { display: block } .mod_intro { overflow: hidden; margin: 20px 0 21px } .mod_intro__cover { float: left; margin-right: 20px } .mod_intro__pic { width: 94px; height: 94px; vertical-align: middle } .mod_intro_singer__pic { border-radius: 94px } .mod_intro__base { line-height: 40px; font-size: 16px; overflow: hidden } .mod_intro__title { float: left; white-space: nowrap; font-weight: 400; font-size: 100% } .mod_intro_singer__singer { margin-right: 30px; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .mod_intro_singer__link { margin-right: 20px } .mod_btn_green { border: 1px solid #31c27c; background: #31c27c; color: #fff } .mod_btn, .mod_btn_green { border-radius: 2px; font-size: 14px; margin-right: 6px; padding: 0 23px; height: 38px; line-height: 38px; display: inline-block; white-space: nowrap; box-sizing: border-box; overflow: hidden } .mod_btn, .mod_btn_green:hover { color: #fff } .mod_btn_green__icon_play { padding-right: 10px } .mod_btn_green__icon_play::before { content: "\e634"; font-family: iconfont; font-size: 12px; color: #fff } .mod_intro_singer__link strong { font-weight: 400; margin-left: 4px }