.comment-wrap{}
.comment-title{  background: #1C2327; color: #fff; line-height: 30px; font-size: 14px; text-indent: 2em; margin-bottom: 10px;}
.comment-list {}
.comment{padding: 10px; border-bottom: 2px solid #e9e9e9; overflow: hidden; background: #fff;}
.comment-avatar{width: 10%; float: left; text-align: center;}
.comment-avatar img{ width: 50px ; height: 50px; border-radius: 50%;}
.comment-pl{width: 89%; float: right;}
.comment-tip span{color:#00a7e1; }
.comment-star {
    margin-top: 10px;
    line-height: 1.0em;
    width: 100%;
    height: 1.3em;
}
.comment-star p {
    float: left;
    margin-right: 20px;
}
.comment-star img{ vertical-align:top; float: left;}
.comment-info{margin-top: 5px; display: inline-block;}
.comment-sale{margin-top: 5px; overflow: hidden;}
.comment-tags{color:#277da8; text-align: right; float: right;}
.comment-page{ text-align: center; line-height: 40px; margin-top: 10px;}
.comment-page a{ display: block; background: #f0f0f0; color: #999; height: 40px; text-decoration: none; background: #fff;}
.comment-page a .more-arrow-ico{display:inline-block;width:12px;height:12px;vertical-align:-2px;background:url(img/arrow.png);margin-left:6px}
.comment-page a:hover{background:#d9eafb;color:#00a7e1;}
.comment-page a:hover .more-arrow-ico{background:url(../images/arrow-hover.png)}

.comment-post{}
.comment-post dl{padding: 5px 10px 5px 10px; overflow: hidden; background: #fff;}
.comment-post dl dt{width: 10%; float: left; padding-top: 8px;}
.comment-post dl dd{width: 89%; float: left;}
.comment-post dl dd ul.commentstar{ overflow: hidden; padding-top:8px;}
.comment-post dl dd ul.commentstar li{float: left; margin-right: 20px;}
.comment-post dl dd ul.commentstar li p {line-height: 1.0em; float: left;}
.comment-post dl dd ul.commentstar li #star1{display: inline-block;}
.comment-post dl dd ul.commentstar li #star2{display: inline-block;}
.comment-post dl dd ul.commentstar li #star3{display: inline-block;}
.comment-post dl dd ul.commentstar li #star4{display: inline-block;}
.comment-post dl dd ul.commentstar li img{ float: left;}
.comment-post dl dd .comment-input{width: 98%; border: 1px solid #e9e9e9; padding:5px;outline-style: none; line-height: 1.8em;}
.comment-post dl dd .comment-input:focus{ border: 1px solid #d9eafb;}
.comment-post dl dd .comment-input-short{ width: 80px; }
.comment-post dl dd .comment-textarea{width: 98%; border: 1px solid #e9e9e9; padding:5px; min-height: 8em; resize: none;outline-style: none ;line-height: 1.8em; }
.comment-post dl dd .comment-send{ background: #FF82AB; border: none;text-align: center; cursor: pointer; width: 100px; height: 30px;}
.comment-post dl dd .comment-send:hover{background:#d9eafb;color:#00a7e1; }
.font_1 {
    color: #FF0000;
    padding: 0 1px;
}
.comment-post dl.xiaofei dd {
    width: 40%;
    float: left;
}
.star5 {
    background: url('/plus/comment/images/star5.png');
    height: 1.0em;
    width: 76px;
}
.star4 {
    background: url('/plus/comment/images/star4.png');
    height: 1.0em;
    width: 76px;
}
.star3 {
    background: url('/plus/comment/images/star3.png');
    height: 1.0em;
    width: 76px;
}
.star2 {
    background: url('/plus/comment/images/star2.png');
    height: 1.0em;
    width: 76px;
}
.star1 {
    background: url('/plus/comment/images/star1.png');
    height: 1.0em;
    width: 76px;
}
/*div.tagsinput { border:1px solid #CCC; background: #FFF;  overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}*/


@media(max-width:648px){
    .comment-avatar{ display: none;}
    .comment-pl{width: 100%;}
    .comment-star{margin-top: 10px; height: 2.1em;}
    .comment-post dl dd ul.commentstar li p { float: none;}
    .comment-post dl dt{width: 25%; float: left; padding-top: 8px;}
	.comment-post dl dd{width: 75%; float: right;}
    .comment-post dl dd .comment-input-short {
    width: 65px;
}
.comment-post dl.xiaofei dd {
    width: 36%;
}

}