/*.form-control { border-radius:0}
#comment input, .content { font-size:12px;}*/
div.cm { margin: 15px 0 0;background:#fff;}
div.cm h3 { font-size: 14px; font-weight: bold; color: #fff; background-color: #00820e; height: 30px; line-height: 30px; margin-bottom: 10px; border-top: 3px solid #ddd; border-bottom: 1px solid #ddd; padding:0 5px; }
/*.capcha input, .capcha img { float:left;}
#comment .btn {background:#0090ad; font-weight: bold; height:34px; color:#fff; margin-left:10px;}
#comment .btn:hover { background:#d52027; color:#fff;}
*/

div.cm .b .btn {background-color: #00820e; border: 1px solid #ddd;display: inline-block;color: #fff;font-weight:bold;padding: .3em;height: auto !important; text-decoration: none;}
div.cm .b .btn:hover{background-color:#0fbb21;}
div.cm .l {width:30%;float:left;line-height:20px;margin:5px 2.5% 5px 0;background:#fff;font-weight:bold;}
div.cm .r {width:30%;float:left;line-height:20px;margin:5px 0 5px 0;background:#fff}
div.cm .c {width:100%; float:left;background:#fff}
div.cm .l .fullname, div.cm .r .fullname {width:92%;padding-left:2%}
div.cm .c .content {width:100%;padding:1%;}
div.cm .i {width:190px;margin:5px 0;float:left }
div.cm .i .capcha {height:30px;border:1px solid #dadada;padding:0 0 0 5px}
div.cm .b {margin:5px 0;float:left }

div.cm .d {width:100%;float:left;margin:5px 0}
div.cm .d li b {border-bottom:1px dotted #dadada; display:block ;float:left;width:100%}
div.cm .d li p {background:#fff; width:98%;min-height:30px;float:left;padding:1%;max-height:90px;overflow:hidden }
div.cm input[type=text],div.cm textarea { border:1px solid #dadada;outline:none;}
div.cm input[type=text]:focus {border:1px solid red;}

.comment {margin-bottom:10px;    padding: 5px;}
.comment2{margin-left:60px;}
.avatar{float:left;border-radius:50%; width:55px;}
.comment-des p{margin:0}
.comment-content p{margin-bottom:10px}
.comment-des{margin:0 0 0 71px;padding:10px 20px;background-color:#fff;border:1px solid #e6e6e6}
.comment-des:hover{box-shadow:0 0 0 3px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.05)}

.comment-des strong{color:#555;font-weight:600; font-size:14px;}
.comment-by{width:100%;padding-bottom:8px;padding-top:5px;position:relative}
.comment-by span.author{display:block}
.comment-by span.reply{color:#999;top:5px;right:0;position:absolute;}
.comment-by span.reply a,.comment-by span.reply a:visited{color:#fff;background-color:#690;padding:3px 10px}
.comment-by p.date{color:#999;display:block;font-size:12px;font-style:italic;}
.comment-by .author{max-width:80%}
.comment-by .author .badge{color:#fff;background-color:#72777c;border:1px solid rgba(0,0,0,0.1);border-radius:2px;font-size:12px;padding:2px 6px;margin-left:5px;display:inline-block;font-weight:400}
.comment-by .author .admin{background-color:#0073aa;border:1px solid rgba(0,0,0,0.1)}
.comment-by .date a:link,.comment-by .date a:visited{color:#999}
.comment-by .date a:hover{color:#333}

.page {display:block;text-align:center;}
.page a {display:inline-block;padding:5px 10px;border:1px solid #ededed;}
.page .cpage {color:#f34548;}

.ncm li {border-top:1px dashed #dedede;color: #999999;list-style: none;padding:8px;}
.ncm li:first-child {border:none;}
.ncm li img {width: 48px;height: 48px;margin-right:10px;}
@media (max-width: 479px) {
    div.cm .i { width:176px !important;}
    .avatar{width:45px;}
    .comment2{margin-left:30px;}
    .comment-des{margin-left:50px; padding:5px 7px; font-size:13px;}

}