﻿
input, button, textarea, select, optgroup, option {  font-family: inherit;  font-size: inherit;  font-style: inherit;  font-weight: inherit; }

ul {  list-style-type: none;  margin: 0;  padding: 0; }

ul, ol {  list-style: none; }

input {  font-size: 12px;  margin-right: 3px;  vertical-align: middle; }

a {  cursor: pointer; }

.nav {  width: 100%;  min-width: 950px;  overflow: hidden;  zoom: 1;  margin-bottom: 20px; }
.nav .nav-wrap {    border-bottom: 1px solid #e5ebe4; }
.nav .nav-primary {    width: 950px;    margin: 0 auto;    overflow: visible !important;    position: relative;    padding: 10px 0 5px;    zoom: 1; }
.nav .nav-logo {    float: left;    height: 56px;    width: 145px;    margin: 0 13px 0 0; }
.nav .nav-logo a {      display: block;      width: 100%;      height: 100%;      overflow: hidden;      line-height: 100em; }
.nav .nav-logo a:hover, .nav .nav-logo a:active {        background: none !important; }

legend {  color: #000; }

label {  font-family: Tahoma;  vertical-align: middle; }

fieldset {  border: 1px solid #ddd;  padding: 0 10px;  margin-bottom: 15px; }
fieldset img {    border: 0; }
fieldset legend {    color: #666;    padding: 0 5px; }

.nav-search {  margin-left: 145px;  overflow: visible !important;  position: relative;  zoom: 1;  padding: 10px 0 15px 0; }
.nav-search fieldset {    border: none;    padding: 0;    margin: 0;    position: static; }
.nav-search legend {    display: none; }
.nav-search label {    position: absolute;    left: 11px;    top: 10px;    line-height: 30px;    cursor: text;    color: #bbb;    width: auto; }
.nav-search .inp {    float: left;    width: 470px;    height: 34px;    text-align: center;    margin-right: -3px;    cursor: text; }
.nav-search .inp input {      background: #fff;      width: 96%;      margin: 0;      text-align: left;      height: 30px;      padding-left: 10px;      height: 28px\9;      line-height: 28px\9;      outline: none; }
.nav-search input {    -webkit-appearance: none;    border: none;    background: transparent; }
.nav-search .inp-btn {    position: relative;    left: -1px;    width: 37px;    height: 34px;    zoom: 1;    overflow: hidden; }
.nav-search .inp-btn input {      width: 100%;      height: 100%;      font-size: 0;      padding: 35px 0 0 0;      overflow: hidden;      color: transparent;      cursor: pointer; }

form {  margin: 0;  padding: 0;  border: 0px; }

.nav-secondary {  width: 950px;  margin: 0 auto;  padding-bottom: 0;  overflow: hidden;  zoom: 1; }
.nav-secondary .nav-items {    float: none;    zoom: 1;    font-size: 13px; }
.nav-secondary:after {    content: '\0020';    display: block;    clear: both; }
.nav-secondary ul {    margin: 9px 0; }
.nav-secondary li {    display: inline;    margin-right: 25px; }

.nav-srh .inp {  position: relative;  z-index: 40; }


#db-nav-music {  background: #f0f3ef; }
#db-nav-music .nav-wrap {    border-color: #e3e9e2; }
#db-nav-music .nav-logo {  
 background: url(../images/logo.png) no-repeat 0 12px;   
 background-image: -webkit-image-set(url(../images/logo.png) 1x, url(../images/logo.png) 2x);   
 background-image: -moz-image-set(url(../images/logo.png) 1x, url(../images/logo.png) 2x);  
 background-image: -ms-image-set(url(../images/logo.png) 1x, url(../images/logo.png) 2x);  
 background-image: -o-image-set(url(../images/logo.png) 1x, url(../images/logo.png) 2x); }
#db-nav-music a:link, #db-nav-music a:visited {    color: #555d53;    text-decoration: none; }
#db-nav-music a:active, #db-nav-music a:hover {    background-color: #555d53;    color: #fff; }

.nav-search .inp {  background-image: url(../images/nav_mu_bg.png); }
.nav-search .inp-btn input {  background: url(../images/nav_mu_bg.png) no-repeat 0 -40px; }


.infobox {        width: 100%;        _width: 120px;        margin-top: 5px;    }
.infobox .bd {        background: #66BA9C;        border: none;        cursor: pointer;        padding: 4px 0;        margin-right: 3px;        _margin-right: 0px;        -webkit-border-radius: 2px;        -moz-border-radius: 2px;        border-radius: 2px;    }
.infobox .bd:hover {        opacity: .8;    }
.infobox .bd a {        color: #FCF9FD;    }
.infobox .bd a:hover {        background: none;    }

#mainpic .infobox .bd a img {        margin-bottom: 2px;    }

.artist-rec { position:relative; width:90px !important; }
.artist-rec .player-round-btn-bg { width:90px !important; height:90px; }
.artist-rec .player-round-btn-bg p {  top:15%; }

.music-tags:link, .music-tags:visited, .music-tags:focus, .music-tags:active {        background-color: #f5f5f5;        color: #37a;    }
.music-tags:hover { background-color: #f0f3ef;    }
#db-tags-section .tags-body {        line-height: 24px;    }
#db-tags-section a{    display: inline-block;        *display: inline;        *zoom: 1;        letter-spacing: normal;        margin: 0px 8px 8px 0px;        padding: 0px 0px;        border-radius: 2px;    }


#artist-link{    background:#f1f1f1;    padding: 10px 5px;}
#artist-link .app-icon {    margin-right: 5px;}
#artist-link .main-title {    font-size: 14px;}



.left{float:left}
.right{float:right}
.center{text-align:center}
button:focus{outline:none}
*:active{outline:none}
input[type="button"]{outline:none}
input[type="button"]::-moz-focus-inner{border:0}
.btn,.review-comment-form .add_comment{outline:0;display:inline-block;line-height:1.5;vertical-align:middle;text-align:center;overflow:hidden;padding:2px 5px;background:white;border:1px solid #ccc;border-radius:2px}
.btn.disabled{background:#e5e5e5}
.hidden{display:none}
#wrapper{color:#111}
.review-wrapper{font-size:13px}
#footer{font-size:12px}
.book-content .review-list .title,.book-content .comment-list .header,.book-content .bar{background-color:rgba(246,246,241,0.8)}
.music-content .review-list .title,.music-content .comment-list .header,.music-content .bar{background-color:rgba(240,243,239,0.8)}
.movie-content .review-list .title,.movie-content .comment-list .header,.movie-content .bar{background-color:rgba(240,243,245,0.8)}
.sns-content .review-list .title,.ilmen-content .review-list .title,.sns-content .comment-list .header,.ilmen-content .comment-list .header,.sns-content .bar,.ilmen-content .bar{background-color:#f2fbf2}
.drama-content .review-list .title,.drama-content .comment-list .header,.drama-content .bar{background-color:#f6f5f2}
.captcha-block .captcha-image{max-width:100%;cursor:pointer}

 
.more-review-author,.more-review-author:link,.more-review-author:visited,.more-review-author:active{color:#999}
.more-review-author:hover{color:#FFF}
.feed{font-size:12px}
.fold-hd{border-bottom:1px dashed #ddd;padding:15px 0;margin-bottom:15px}
.fold-hd a:link,.fold-hd a:visited{color:#ccc}
.fold-hd a:visited{background:none}
.fold-hd a:hover,.fold-hd a:active{color:#3377AA;background:none}
.fold-bd{display:none}
.qa{float:right}
.qa-tip{display:none;line-height:22px}
.qa-tip a:link{color:#3377AA}
.review{margin-bottom:20px;word-wrap:break-word}
.review-hd{margin-bottom:4px;color:#666}
.review-hd h3{margin:0 0 10px;background-color:#F0F3F5;line-height:36px;overflow:hidden;*zoom:1}
.review-hd-avatar{float:left;margin-right:10px}
.review-hd-avatar img{vertical-align:bottom}
.review-hd-expand{float:right}
.review-short-ft{margin-top:8px;color:#666}
.review-short-ft a{margin-left:8px}
.review-more{margin-bottom:22px;color:#666;text-align:left}
.review+.review-more{margin-top:-10px}
.review+.fold-hd{padding-top:0}
.review-bd-tip{margin:20px 0;color:#999}
.review-full-ft{margin:30px 0 48px;overflow:hidden;*zoom:1}
.review-full-ft .rec-sec{display:inline}
.review-full-ft .warn-secret{margin-right:18px}
.review-full-ft .main-share{display:inline-block;*display:inline}
.review-full-ft .main-share li{*display:inline}
.review-full-ft-note{float:right}
.review-full-ft-useful{color:#666}
.review-full-ft-useful span{margin-right:6px}
.review-bar-donate{float:left;margin-right:15px}
.donate-sec{color:#d67900;background:rgba(255,189,65,0.2);border:1px solid rgba(255,167,0,0.4);border-radius:2px;padding:6px 9px 4px;height:12px;line-height:1;cursor:pointer}
.donate-sec:hover{border-color:rgba(204,134,0,0.4)}
.donate-sec a{color:#d67900}
.donate-sec a:hover{background:none}
.donate-num.is-hidden{display:none}
.main-sharing{margin-top:30px;padding-top:9px;border-top:1px solid #eee}
.review-bar{overflow:visible}
.review-bar:before,.review-bar:after{content:"";display:table}
.review-bar:after{clear:both}
 
 
.main.avatar{width:48px;height:48px}
.article img{max-width:100%}
 
#report_value{float:left;clear:both;margin-bottom:20px;*margin-bottom:0px;padding-left:40px}
.main .report{color:#999}
.main .report:hover{background:#ccc;color:white}
.main .report_review{visibility:hidden}
.main #link-report{overflow:hidden}
.main #link-report:hover .report_review{visibility:visible}
.main .copyright{clear:both;margin:20px 0;color:#999;word-break:break-word}
.main .copyright a:hover,.main .copyright a:link,.main .copyright a:visited{background:transparent;color:#999}
.main .main-author{color:#999}
.main .main-hd,.main .main-title-tip{margin-bottom:20px;line-height:1.4;font-size:13px;color:#999;overflow:hidden}
.main .main-hd{padding-top:4px}
.main .main-title-tip{margin-top:20px;padding-left:10px;border-left:2px solid #dfdfdf;color:#999}
.main .author-avatar{margin-right:8px}
.main .author-avatar img{width:24px;height:24px}
.main .main-title-hide{visibility:hidden}
.main .main-meta{margin:0 0 0 5px;color:#999}
.main .main-panel{margin:30px 0 5px;padding-bottom:36px}
.main .main-panel .rec-sec{display:inline}
.main .main-panel .warn-secret{margin-right:18px}
.main .main-panel-note{float:right}
.main .main-panel-useful{position:relative;text-align:center}
.main .main-panel-useful .btn{color:#666;background:transparent;padding:0.4em 1em;cursor:pointer;line-height:1.2}
.main .main-panel-useful .btn:hover{background:#f5f5f5}
.main .main-panel-useful .btn.disabled{background:#e5e5e5;cursor:auto}
.main .main-panel-useful button:not(:last-child){margin-right:20px}
.main .main-panel-useful .spoiler{font-size:12px;line-height:27px;position:absolute;right:0;top:0;color:#37a}
.main .main-panel-useful .spoiler.not-reported:hover{cursor:pointer}
.main .main-panel-useful .spoiler.disabled{color:#072}
.main .main-bd{word-wrap:break-word}
.main .main-bd .more-info{margin:10px 0}
.paginator{margin:60px 0}
.comment-item{margin-bottom:16px;font-size:12px;word-break:break-word}
.comment-item .avatar{margin-right:20px}
.comment-item .header{padding:3px 10px 3px;color:#999}
.comment-item .header span{margin-left:8px}
.comment-item .op-lnks{padding:0 10px;visibility:hidden;text-align:right}
.comment-item .op-lnks a:visited,.comment-item .op-lnks a:link{color:#ccc}
.comment-item .op-lnks a:hover{color:white;background:#ccc}
.comment-item .op-lnks a.comment-source{color:#ccc;background:inherit;visibility:visible;float:left}
.comment-item.over .op-lnks{visibility:visible}
.comment-item .reply-quote{width:30em;padding-left:10px;margin:12px 0 0 0;margin-left:10px;border-left:1px solid #ddd}
.comment-item .reply-quote .all{display:none}
.comment-item .comment-text{margin-left:10px}
::-webkit-input-placeholder{color:#ccc}
.review-comment-form .form-textarea-wrapper{position:relative;margin-top:10px}
.review-comment-form .form-textarea-wrapper .avatar{float:left;margin-right:10px}
.review-comment-form .form-textarea-wrapper .form-field{overflow:hidden}
.review-comment-form .form-textarea{width:95%;padding:10px 8px;border:1px solid #e5e5e5}
.review-comment-form .add_comment{display:block;background-color:#f9f9f9;margin-top:8px;padding:3px 12px}
.review-comment-form .add_comment:focus{border-color:#999}
.reply-comment{position:relative;padding:3px 4px;margin-bottom:5px;background-color:#e8eef2}
.reply-comment .lnk-close{position:absolute;right:10px;top:10px;font-size:16px;line-height:1;padding:0 2px}
.reply-comment .lnk-close:hover{background:#999;color:white}
.reply-comment p{width:30em;padding:6px;margin:0}
.reply-comment .all{display:none}
.reply-comment .author{margin-left:10px}
.reply-comment .pubdate{white-space:nowrap;margin-left:10px}
 
.main .review-content .main-title-tip{white-space:normal}
.feed{background-size:15px}
.chart .subject-img{display:block;max-width:65px;max-height:100px}
.chart .subject-img img{max-width:100%}
.dropdown{display:inline-block}
.dropdown>a:after{border:4px solid transparent;border-top-color:#111;content:"";display:inline-block;vertical-align:middle}
.dropdown li{margin:12px 0}
.dropdown li:first-child{margin-top:16px}
.dropdown li:last-child{margin-bottom:16px}
.dropdown li a{padding:0 20px;width:100%}
.dropdown .droplist{overflow:hidden;display:none;position:absolute;background:white;z-index:9;border:1px solid #ccc}
.dropdown:hover .droplist{display:inline-block}
.review-list.chart .review-item .subject-img{float:left;margin-right:20px;max-width:70px;max-height:100px}
.review-list.chart .review-item .main-bd{padding:0 10px 0 100px}
.review-list.chart .review-item .main-bd .main-title-tip{margin-top:10px}
.review-list.chart .review-item .header-more{padding:15px 10px 10px}
.review-list.chart .review-item .full-content{word-wrap:break-word;word-break:break-all}
.review-list.chart .review-item .full-content .main-bd{padding:0}
.review-list .review-item{margin:20px 0}
.review-list .review-item .main-hd{padding:0;margin-bottom:0}
.review-list .review-item .main-bd{margin:0;padding:0}
.review-list .review-item .toggle_review{color:#ccc}
.review-list .review-item .title{margin:0;padding:0 0 0 10px;line-height:28px;height:28px}
.review-list .review-item .review-short{overflow:hidden;word-break:break-word;margin:0}
.review-list .header-more{padding:15px 0 10px}
.review-list .header-more a.subject-title{display:inline-block;max-width:120px;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 2px}
.review-list .main-meta,.review-list .more-info{font-weight:300;color:#999}
.review-list .toggle_review.right{width:30px;text-align:center}
.review-list .toggle_review.right a:hover{background:transparent}
.review-list .toggle_review.right a.indicator:after{position:relative;top:-4px;border:5px solid transparent;border-bottom-color:rgba(0,0,0,0.1);content:"";display:inline-block;vertical-align:middle}
.review-list .toggle_review.right a.unfold:after{top:2px;border-bottom-color:transparent;border-top-color:rgba(0,0,0,0.1)}
.review-list .toggle_review.right a:not(.hidden){display:block}
.review-list .short-content .publisher{margin:0 10px}
.review-list .full-content{margin:0}
.main-author{color:#ccc}
.main-author .review-footer-action-edit{margin-left:10px;margin-right:4px}
.main-author .review-footer-action-setting{margin-left:4px;margin-right:4px}
.main-author .review-footer-action-remove{margin-left:4px}
header{position:relative}
.hide{display:none}


.cWhite,.cWhite:visited,.cWhite a{color: #fff;}
.cGray,.cGray:visited,.cGray a{color: #999;}
.cDGray,.cDGray:visited,.cDGray a{color: #666;}
.cMdGray,.cMdGray:visited,.cMdGray a{color: #333;}
.cEGray,.cEGray:visited,.cEGray a{color:#d6d6d6;}
.cFGray,.cFGray:visited,.cFGray a{color:#ababab;}
.cGGray,.cHGray:visited,.cHGray a{color:#909090;}
.cHGray,.cHGray:visited,.cHGray a{color:#373737;}
.cIGray,.cIGray:visited,.cIGray a{color:#ccc;}
.cJGray,.cJGray:visited,.cJGray a{color:#a1a1a1;}
.cBlack,.cBlack:visited,.cBlack a{color:#000;}
.cRed,.cRed:visited,.cRed a{color:#ff0000;}
.cBRed,.cBRed:visited,.cBRed a{color:#ff4200;}
.cPink,.cPink:visited,.cPink a{color:#f2234f;}
.cOrange,.cOrange:visited,.cOrange a{color:#ff7200;}
.cBlue,.cBlue:visited,.cBlue a{color:#00a0e9;}
.cGBlue,.cGBlue:visited,.cGBlue a{color:#487de3;}
.cGreen,.cGreen:visited,.cGreen a{color:#8fbc03;}
.cGGreen,.cGGreen:visited,.cGGreen a{color:#072;}
.cGray a:hover,.cDGray a:hover,.cMdGray a:hover,.cEGray a:hover,.cFGray a:hover,
.cGGray a:hover,.cHGray a:hover,.cIGray a:hover,.cJGray a:hover,.cWhite a:hover{color:#ff7200;}


.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f40{font-size:40px;}


.aside .cPic{position: relative; margin: 10px 0px 20px; display: block; width: 310px; height: 250px;}
.aside .cTips{line-height: 1; text-align: center; background-color: rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); font-size: 12px; position: absolute; padding: 4px; right: 0px; bottom: 0px;}
.aside img{ padding: 4px; border: 1px solid #ccc; }
.aside img:hover{ padding: 4px; border: 1px solid #072; }
.aside .txtBanner{background-color:#072;color: #fff;margin:4px 0;padding-left: 6px;}

.aside .navRight ul{ }
.aside .navRight ul li{     margin-bottom: 8px; }

/* 发标 */
.index-fabiao {    width: 600px !important;    position: fixed;   left: 50%;   /*left: 50%;  margin-left: -328px; */   padding: 13px 23px;    padding-bottom: 20px;    bottom: 41px;    border-radius: 4px;    z-index: 1;    background: url(../images/bg_png.png) repeat;    color: #fff;}
.fabiao-form-hint {    position: absolute;    top: 9px;    left: 10px;    color: #999;    font-size: 12px;}
.index-fabiao .fabiao-title {    display: inline;    font-size: 18px;    font-weight: 500;}
.index-fabiao .fabiao-seperate {    padding-left: 10px;    padding-right: 15px;}
.index-fabiao .fabiao-tip {    font-size: 12px;}
.index-fabiao .fabiao-tip-strong {    color: #f15804;}
.index-fabiao  .fabiao-form {    margin-top: 7px;}
.fabiao-form .fabiao-form-group{    position: relative;    float: left;    display: inline;}
.fabiao-form .fabiao-form-group + .fabiao-form-group {    margin-left: 10px;}
.fabiao-form .fabiao-form-phone {    width: 258px !important;    height: 16px;    border: 0;    padding: 10px;    font-size: 12px;}
.fabiao-form .fabiao-form-btn {    float: left;    display: inline;    width: 112px;    height: 36px;    padding: 10px 10px;    margin-left: 10px;    border: 0;    background-color: #ff5a00;    color: #fff;    font-size: 14px;    line-height: 20px;    cursor: pointer;}
.fabiao-form .fabiao-form-btn:active {    background-color: #e55100;}
.form-error {    color: #ff6767;    padding-top: 3px;}
.index-fabiao .form-error{    position: absolute;    bottom: -21px;    left: 0;}
.form-error .form-error-icon {    display: inline-block;    vertical-align: middle;    width: 20px;    height: 20px;   background-position: -47px -11px;}
@media screen and (min-width:1460px) {
    .index-fabiao {        height: 94px;        width: 600px !important;        /*padding: 25px 40px;        margin-left: -200px;*/    }
    .fabiao-form-hint{        top: 15px;        left: 20px;        font-size: 14px;    }
    .index-fabiao .fabiao-title {        font-size: 20px;    }
    .fabiao-form .fabiao-form-phone {        width: 360px !important;        height: 28px;        padding: 10px 20px;        font-size: 14px;    }
    .fabiao-form .fabiao-form-btn {        width: 150px;        font-size: 18px;        height: 48px;        margin-left: 20px;    }
    .index-fabiao  .fabiao-form {        margin-top: 16px;    }
}