text/static/css/search.css

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