@charset "utf-8";
html{ -webkit-text-size-adjust:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,p,a{ font-size:100%;}
ul,ol,li{ list-style:none;}
table{ border-collapse:collapse; border-style:none;}
button{ border:0 none; padding:0; cursor:pointer;}
iframe{ display:block}
img{ border:0;}
input,select,img{ vertical-align:middle;}
textarea{ resize:vertical;}
a{ outline:0; text-decoration:none;}
p{margin:0;padding: 0;}
.clear { clear:both; font-size:0; line-height:0}
.clear_fix {zoom:1;}
.clear_fix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; font-size:0;}
.fl{ float:left}
.fr{ float:right}
.hide{ display:none!important;}

/* topic_face
--------------------------------------------*/
.topic_face i,.topic_face_layer .topic_face_title u,.topic_cmt .text a.thumbs i,.topic_cmt .null,.radio,.commonBox .close_btn, .success_icon,.hasReport_icon,.success_icon_aw,.warn_icon_aw,.loading_icon_aw{background: url("http://www2.kugou.kugou.com/yueku/v9/static/images/comment_white.png") no-repeat;}
.topic_face{width: auto;height: 15px;float: left;/*padding-left: 20px;*/cursor: pointer;/*line-height: 15px;*/}
.topic_face i{display: inline-block;*display:inline;zoom:1;width: 15px; height: 15px;vertical-align: sub;margin-right: 3px;background-position: 0 0;}
.topic_face_layer{width: 267px;border:2px solid #ddd;background: #fff;position: absolute;z-index: 3;font-family: \5FAE\8F6F\96C5\9ED1,simsun,sans-serif;}
.topic_face_layer .topic_face_title{height: 25px;background: #fafafa;border: 1px solid #ccc;border-width: 1px 1px 0 1px;}
.topic_face_layer .topic_face_title u{width: 9px;height: 9px;display: block;background-position:-181px 0;cursor: pointer;position: absolute;right: 10px;top: 8px;}
.topic_face_layer .topic_face_title li{height: 20px;line-height: 20px;float: left;padding: 0 5px 0;width: auto;position: relative;top: 5px;margin-left: 5px;cursor: pointer;}
.topic_face_layer .topic_face_title li.cur{border: 1px solid #ccc;border-bottom: 0 none;background: #fff;}
.topic_face_layer .topic_face_wrap{display:block;padding:10px;border: 1px solid #ccc;overflow: hidden;height: 100%;}
.topic_face_layer .topic_face_wrap div{display: none;}
.topic_face_layer .topic_face_wrap ul{display: none;height: 105px;}
.topic_face_layer .topic_face_wrap p{display: block;text-align: right;margin-top: 5px;}
.topic_face_layer .topic_face_wrap p a{padding: 0 5px;text-align: center;color: #333;background: #fff;border:1px solid #fff;}
.topic_face_layer .topic_face_wrap p a.cur{border: 1px solid #ddd;background: #fafafa;}
.topic_face_layer .topic_face_wrap ul li{width: 36px;height: 36px;float: left;margin: -1px 0 0 -1px; }
.topic_face_layer .topic_face_wrap ul li a{display: block;width: 30px;height: 30px;border: 1px solid #ccc;padding:2px;text-align: center;overflow: hidden;}
.topic_face_layer .topic_face_wrap ul li a:hover{border: 1px solid #0095cd;position: relative;z-index: 2;}
.topic_face_layer s,.topic_face_layer  s i{position: absolute;border: 4px dashed transparent;width: 0;height: 0;line-height: 0;border-bottom:4px solid #ddd;left: 8px;margin-left: -5px;top: -10px;}
.topic_face_layer s i{left: 1px;bottom: 0;top:0;border-bottom:4px solid #fafafa;}
.topic_face_layer s.bottom{border-bottom: 0 none; border-top:4px solid #ddd;top: auto;bottom: -5px;}
.topic_face_layer s.bottom i{border-bottom: 0 none; border-top:4px solid #fafafa;top: -7px;}

/* topic_cmt
--------------------------------------------*/
.topic_cmt_text{border:1px solid #e5e5e5;padding: 9px; height:66px;background-color:#fff;outline:none;overflow:auto;width: 98%;resize:none;color:#666;font:12px/1.5 \5FAE\8F6F\96C5\9ED1,simsun,sans-serif;}
.topic_cmt{color:#666;padding:10px;position: relative;background-color:#f8f8f8;font:14px/1.5 \5FAE\8F6F\96C5\9ED1,simsun,sans-serif;}
.topic_cmt .topic_cmt_font{margin-right: 5px;line-height: 20px;}
.topic_cmt .topic_cmt_font span{color: red;}
.topic_cmt a.topic_cmt_btn{ float: right;position: absolute;right: 0;bottom: -19px;display:inline-block;vertical-align:middle;zoom:1;border:0 solid #dbdbdb;font-size:12px;}
.topic_cmt a.topic_cmt_btn span{position:relative;float:left;display:inline;border:1px solid #dbdbdb;padding:5px;line-height: 100%;overflow:hidden;background:#fff;color: #555;zoom:1;cursor:pointer;border-radius: 2px;}
.topic_cmt a.topic_cmt_btn:hover{border-color: #66b0ee;}
.topic_cmt a.topic_cmt_btn:hover span{border-color: #66b0ee;color:#66b0ee;}
.topic_cmt a.topic_cmt_btn:active{border-color: #288ef7;}
.topic_cmt a.topic_cmt_btn:active span,.topic_cmt a.topic_cmt_btn span:active {border-color: #288ef7;color:#288ef7;}
/*ie6~8 hack*/
@media \0screen\,screen\9 {
.topic_cmt a.topic_cmt_btn{border-width: 1px 0;}
.topic_cmt a.topic_cmt_btn span{margin:0 -1px;border-width:0 1px;padding:6px 4px 4px 6px;_padding:6px 4px 4px 6px; }
}
.topic_cmt .msg{text-align: center;font-size: 12px;color: #333;padding: 10px 0;}
.topic_cmt .null{text-align: center;font-size: 12px;color: #333;margin-top: 65px;padding: 60px 0 30px 0;background: url(http://static.kugou.com/common/images/comment/null.png?20160721) no-repeat top center;}
.topic_cmt h4{font-weight:normal; padding-bottom: 15px;border-bottom:1px solid #e5e5e5;line-height: 100%;font-weight: bold;}
.topic_cmt h4 span{font-weight: normal;}
.topic_cmt .one{padding:10px 0;border-bottom:1px dotted #e5e5e5;position: relative;}
.topic_cmt .one {zoom:1;}
.topic_cmt .one:after { display:block; clear:both; content:"."; visibility:hidden; height:0; font-size:0;}
.topic_cmt .text{padding-left: 50px;}
.topic_cmt .text .text_top{/*height: 24px;*/overflow: hidden;}
.topic_cmt .text .text_top .fr{font-size: 12px;color: #999;}
.topic_cmt .text .text_top .replytxt{font-size: 13px;line-height: 18px;color: #666;vertical-align: middle;}
.topic_cmt .text .text_top .replytxt .reply_txt{color: #777;word-break: break-all;}
.topic_cmt .text .text_top .original{padding:6px 8px;margin:10px 0 8px 0;font-size:13px;line-height:18px;color:#888;border: 1px solid;border-color:#e5e5e5;background-color: #ebebeb;}
.topic_cmt .text a{color: #589de7;cursor:pointer;}
.topic_cmt .text a.user{color:#000033;font-weight:normal; font-size:13px;line-height:18px;}
.topic_cmt .text a.user_del{color:#1679BE;line-height:24px;margin-left: 10px;display: none;}
.topic_cmt .text a.user_del:hover{text-decoration: underline;}
.topic_cmt .text a.user_report{color:#999;display: none;}
.topic_cmt .one:hover .text a.user_report{display: inline;}
.topic_cmt .text a.user_report:hover{text-decoration: underline;}

.topic_cmt .text a.reply{ text-decoration:underline;color:#999;}
.topic_cmt .text a.reply:hover{color:#666;}
.topic_cmt .text a.thumbs{color: #999;}
.topic_cmt .text a.thumbs i{display: inline-block;width: 12px;height: 12px;background-position:  -19px 0px;vertical-align: -1px;vertical-align: 3px\9;margin-right: 2px;}
.topic_cmt .text a.thumbs_cur i{background-position: -52px 0px;}
.topic_cmt .text p{ line-height:18px;/*word-wrap: break-word;word-break:break-all;*/padding: 0;margin: 0;}
.topic_cmt .topic_foot{border:0 none;position: relative;width:100%;padding:5px 0;z-index: 2;height: 30px;}
.topic_cmt .topic_foot a{margin-right: 4px;}
.topic_cmt .pic{float: left;}
.topic_cmt .pic img{width: 40px;height: 40px;}
.topic_cmt .line{margin: 0 10px;display: inline-block;*display: inline;*zoom: 1;width: 1px;height: 13px;background: #aaa;vertical-align: middle;}
.topic_cmt .topic_cmt_validate{float: right;margin-right: 10px;}
.topic_cmt .topic_cmt_validate input{width: 50px;margin-right: 10px;border: 1px solid #ccc;cursor: text;}
.topic_cmt .topic_cmt_layer{font-family:'Microsoft YaHei';top:0; left:0;position:relative;height: 74px;padding: 5px;border: 1px solid #ccc;background-color: #fff;width: 99%;margin-top: -86px;display: none;}
.topic_cmt .topic_cmt_layer span{width: 100%;color: #888;font-size:13px;text-align: center;display: block;height: 16px;margin: 18px auto;*margin-top:17px;cursor: pointer;}
.topic_cmt .topic_cmt_layer span b{color: #999;font-weight: normal;display: inline;font-size: 12px;}
.topic_cmt_layer .login{color: #288ef7;}
.topic_cmt_short .topic_cmt_btn{position: absolute;right: 0;top: 38px;float: none;}
.topic_cmt_short .topic_cmt_validate{float: left;margin-top: 10px;_margin-top:15px;width: 100%;clear: both;}
/* nvg
--------------------------------------------*/
.nvg{ padding:10px 0 20px 0; text-align:center; color:#555; font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1;}
.nvg .current{ font-weight:bold;color: #288fe7;margin:0 8px; cursor:default;font-style: normal;}
.nvg a{padding:0 5px; color:#555;margin:0 3px;font-style: normal;}
.nvg a:hover,.nvg a.hover{ color:#288fe7; font-weight:bold}
.nvg .btnPage{font-family:\5FAE\8F6F\96C5\9ED1;font-size: 16px;}
.network{text-align: center;margin-top: 40px;}
.network .relink{color: #288ef7;}

/* topic_cmt_halftrans
--------------------------------------------*/
.topic_cmt_halftrans .topic_cmt_layer{width: 100%;box-sizing:border-box;height: 70px;margin-top: -75px;border-color: #dfdfdf;background:#fff;}
/*.topic_cmt_halftrans .topic_cmt_layer span{margin: 18px auto;color: #888;}*/
/*.topic_cmt_halftrans .topic_face,*/
.topic_cmt_halftrans .topic_face_layer .topic_face_title u,
.topic_cmt_halftrans .topic_cmt_text,
.topic_cmt_halftrans .text a.thumbs i{/*background-image: url(http://static.kugou.com/common/images/comment/comment_8_v3.png?20151001);*/}
.topic_cmt_halftrans .topic_cmt_text{padding: 6px 10px;height: 70px;line-height: 18px;background:#fff;font-size: 13px;color: #999;border-color: #dfdfdf;font-family: \5FAE\8F6F\96C5\9ED1,simsun,sans-serif;width: 100%;box-sizing:border-box;resize: none;}
/*.topic_cmt_halftrans .topic_cmt_text:focus{color: #dddddd !important;border-color: rgba(255,255,255,0.55);}*/
/*.topic_cmt_halftrans .topic_face{text-indent: -10em;overflow: hidden;width: 15px;padding: 0;}*/
/*.topic_cmt_halftrans .topic_face:hover{background-position: -15px 0;}*/
/*.topic_cmt_halftrans .topic_face:active{background-position: 0 0;}*/
.topic_cmt_halftrans .topic_cmt_font{margin-right: 10px;line-height: 25px;}
.topic_cmt_halftrans .topic_cmt_font,.topic_cmt_halftrans .topic_cmt_font span{color: #888;font-size: 12px;}
.topic_cmt_halftrans a.topic_cmt_btn{display:inline-block;vertical-align:middle;zoom:1;font-family:\5FAE\8F6F\96C5\9ED1;border:0 solid #dbdbdb;position: static;margin-right: 0;}
.topic_cmt_halftrans a.topic_cmt_btn span{position:relative;float:left;display:inline;text-align: center;overflow:hidden;zoom:1;cursor:pointer;padding: 0;border-radius: 2px;border:1px solid #dbdbdb;background:#fff;color: #555;width: 70px;height: 22px;line-height: 22px;font-size:12px;}
.topic_cmt_halftrans a.topic_cmt_btn:hover{ border-color: #a1c7ee;}
.topic_cmt_halftrans a.topic_cmt_btn:hover span{color:#169af3; border-color: #a1c7ee;}
.topic_cmt_halftrans a.topic_cmt_btn:active{border-color: #169af3;}
.topic_cmt_halftrans a.topic_cmt_btn:active span,.topic_cmt_halftrans a.topic_cmt_btn span:active {border-color: #169af3;color:#158fe1; }
.topic_cmt_halftrans a.topic_cmt_btn_disable{border:0 solid #e4e4e4;background: transparent;}
.topic_cmt_halftrans a.topic_cmt_btn_disable span,
.topic_cmt_halftrans a.topic_cmt_btn_disable:hover span {border:1px solid  #e4e4e4;background-color:#fff;color: #e4e4e4;cursor: not-allowed;width:70px;height: 22px;line-height: 22px;}

.topic_cmt_halftrans .topic_foot{height: 30px;}
.topic_cmt_halftrans h4{font-size: 14px;/*color: #555555;border-bottom-color:rgba(255,255,255,0.15);*/line-height: 100%;padding-bottom: 10px;}
.topic_cmt_halftrans .null{/*background-image: url(http://static.kugou.com/common/images/comment/null_v2.png?20160721);*/font-size: 14px;color: #888;}
/*.topic_cmt_halftrans .one{border-bottom:1px dashed rgba(255,255,255,0.1);}*/
.topic_cmt_halftrans .pic{margin-left: 2px;}
.text .time{color: #888;font-size: 12px;}
.topic_cmt_halftrans .text .text_top{margin-top: -1px;}
.topic_cmt_halftrans .text .text-bottom{margin-top: 2px;}
.topic_cmt_halftrans .text p,.topic_cmt_halftrans .text a.reply,.topic_cmt_halftrans .text a.thumbs{color: #888;font-size: 12px;}
.topic_cmt_halftrans .text p{line-height: 18px;color: #777;font-size: 13px;}
.topic_cmt_halftrans .text a.reply,.topic_cmt_halftrans .text a.thumbs{font-size: 12px;text-decoration: none;}
.topic_cmt_halftrans .text a.reply:hover{color: #888;text-decoration: underline;}
.topic_cmt_halftrans .text .text_top a{font-size: 14px;}
.topic_cmt_halftrans .text .text_top .fr{font-size: 12px;color: #555;}
.topic_cmt_halftrans .line{background: #555;}
.topic_cmt_halftrans .topic_cmt_font span.exceed{color: #cc3636;}
.topic_cmt_halftrans .msg{color: #888;}
.topic_cmt_halftrans .text a.user_del{color: #888;line-height: 100%;margin: 0;}
.text a.thumbs:hover i{background-position: -35px 0px;}
.topic_cmt_halftrans .text a.thumbs:active i{background-position: 0 -45px;}
/*.topic_cmt_halftrans .text a.thumbs_cur i,.topic_cmt_halftrans .text a.thumbs_cur:hover i,.topic_cmt_halftrans .text a.thumbs_cur:active i{background-position: 0 -60px;}*/
.topic_cmt_halftrans .nvg,.topic_cmt_halftrans .nvg .btnPage{color:#888; font-size:14px;}
.topic_cmt_halftrans .nvg .current{color: #888;}
.topic_cmt_halftrans .nvg a{color:#888;}
.topic_cmt_halftrans .nvg a:hover,.nvg a.hover{text-decoration: underline;font-weight: normal;}

/*弹窗*/
.commonMark{position:absolute;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0);z-index: 2;}
.commonBox{position: absolute;left: 50%;top: 50%;z-index: 3;}
.commonBox .box_hd{position:relative;height: 34px;line-height: 34px;overflow:hidden;font-family: "microsoft yahei";font-size: 13px;color: #fff;background: #27a2e9;padding: 0 10px;border-radius: 3px;}
.commonBox .box_hd .close_btn{display: block;width: 11px;height: 11px;background-position: -108px 0;position: absolute;top:11px;right: 12px;}
.commonBox .box_hd .close_btn:hover{background-position: -123px 0;}
.commonBox .box_hd .close_btn:active{background-position: -142px 0;}
.commonBox .boxWrap{padding: 15px 10px 0;background: #fff;padding-bottom: 30px;}

.radio{display: block;width: 16px;height: 16px;float:left;margin-top:8px;margin-right:10px;background-position: -68px 0;}
.selected .radio{background-position: -88px 0;}
#reportBox{width: 300px;height: 275px;margin-top: -137px;margin-left: -150px;}
#reportBox .choose{font-family: "microsoft yahei";font-size: 14px;color: #AAA;margin-left: 20px;}
#reportBox .choose p{line-height: 30px;cursor: pointer;}
#reportBox .boxWrap{padding-top: 8px;}
#reportBox .btn{width: 192px;margin: 22px auto 0;}

#reasonBox{width: 300px;height: 275px;margin-top: -137px;margin-left: -150px;}
#reasonTxt{width: 260px;height: 130px;padding: 6px 10px;line-height: 18px;background:transparent;font-size: 13px;color: #aaa;border-color: #ccc;font-family: \5FAE\8F6F\96C5\9ED1,simsun,sans-serif;width: 100%;box-sizing:border-box;resize: none;}
#reasonTxt:focus{color: #333 !important;border-color: #999;}
#reasonBox .boxWrap{padding-top: 20px;}
#reasonBox .btn{width: 192px;margin: 25px auto 0;}

/*公用toast*/
#commonBox{position: absolute;left: 50%;top: 50%;min-width:115px;border-radius: 3px;padding: 0 20px 16px;text-align:center;background-color:rgba(0,0,0,0.75);z-index: 3;}
#commonBox p{font-family: "microsoft yahei";font-size: 16px;color: #fff;text-align: center;}
.success_icon_aw,.warn_icon_aw{display:inline-block;width:45px;height:45px;margin:20px auto 10px;}
.success_icon_aw{background-position: -112px -25px;}
.warn_icon_aw{background-position: -54px -25px;}
.loading_icon_aw{float:left;width:15px;height:15px;margin: 2px 5px 0 0;background-position: -160px 0;-moz-animation:rotate 600ms linear -600ms infinite;-webkit-animation:rotate 600ms linear -600ms infinite; animation:rotate 600ms linear -600ms infinite;}
#cmt_wrap .content .loading{width:150px;margin:65px auto 0;}
#cmt_wrap .content .loading p{float:left;font-family: "microsoft yahei";font-size: 13px;color: #888;text-align: center;}
@-moz-keyframes rotate{
    0%{ -moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes rotate{
    0%{ -webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
/*按钮*/
.pc_temp_b_btn02,.pc_temp_w_btn02{display: inline-block;vertical-align: middle;zoom: 1;font-family: \5FAE\8F6F\96C5\9ED1;}
.pc_temp_b_btn02 span,.pc_temp_w_btn02 span{width: 88px;height: 28px;line-height: 28px;font-size: 14px;position: relative;float: left;display: inline;text-align: center;overflow: hidden;zoom: 1;cursor: pointer;border-radius: 2px;}
.pc_temp_b_btn02{border: 0 solid #169af3;margin-right: auto}
.pc_temp_w_btn02{margin-left: 7px;margin-right: auto}
.pc_temp_disable_btn02{border:0 solid #eee;}
.pc_temp_disable_btn02 span{border: 1px solid #eee;background-color:#fff;color: #ccc;cursor: not-allowed;}
.pc_temp_disable_btn02:hover span{border: 1px solid #eee;background-color:#fff;color: #ccc;cursor: not-allowed;}