/* 评论框 */
.gbko{ margin-top: 20px; margin-bottom: 20px;}

.cont-box{ width: 100%; padding:10px; box-sizing: border-box; border-radius: 4px; float: left; background-color: #f7f7f7; box-shadow: inset 2px 2px 6px rgba(0,0,0,.08);}
.cont-box .text{ width: 100%; height: 90px; border-radius: 5px; background-color:#f7f7f7; box-sizing: border-box; color: #999; font-family: "微软雅黑"; font-size: 15px; resize:none; border: none;  outline: none;}

.tools-box{ width: 100%; height: 40px; margin-top: 5px;}
.tools-box .operator-box-btn{ width: 28%; height: 40px; float: left;  }
.tools-box .operator-box-btn .face-icon{display: block; float: left; line-height: 40px; margin-left: 10px; font-family: "微软雅黑"; font-size: 26px; color: #99cc66;  cursor: pointer;}
.tools-box .operator-box-btn .img-icon{display: block; float: left; line-height: 40px; margin-left: 10px; font-family: "微软雅黑"; font-size: 26px; font-weight: lighter; color: #99cc66; cursor: pointer;}
.tools-box .submit-btn{ width: 80px; height: 40px; float: right; }

.tools-box .username{ float: left; height: 30px; width: 40%; background: #e8e8e8; border-radius: 20px; padding: 5px 10px 5px 16px;
    margin: 0; box-shadow: inset 2px 2px 6px rgba(0,0,0,.08); cursor: default; position: inherit;}
.tools-box .username i{ float: left; color: #bbb; font-size: 18px; margin: 4px 8px 0 0; line-height: 1.2;}
.tools-box .username input{ color: #999; float: left; background: none; font-size: 13px; width: 70%; height: 30px;
    line-height: 30px; padding: 0; margin: 0; border: none; outline: none;}

.tools-box .submit-btn input{ border: 0; background: #1487f4; background: linear-gradient(to right, #1487f4 0, rgb(9, 118, 220) 100%); height: 100%; width: 100%;
    outline: none; color: #fff; border-radius: 20px; font-size: 14px; font-weight: normal; cursor: pointer; padding: 0}

.clear-float{ clear: both; content:""; display: block;}

/* 回复信息 */
#info-show{float: left;  width: 100%; margin-top: 20px;}
#info-show li{ width: 100%; height: auto; padding: 10px 0 0 0; border-bottom: 1px dashed #c0c0c0; float: left;}
#info-show .head-face{width: 10%;  float: left; text-align: center;}
#info-show .head-face img{width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 8px #c0c0c0; margin-bottom: 5px;}
#info-show .head-face .head-index{ }

#info-show .reply-cont{ width: 89%; padding-right: 1%; float: right;}
#info-show .reply-cont  p{ min-height: 20px; line-height: 20px;  font-family: "微软雅黑"; font-size: 14px;}
#info-show .reply-cont .username{ color: #99cc66; margin-bottom: 5px;}
#info-show .reply-cont .comment-body{ color: #999; max-height: auto;}
#info-show .reply-cont .comment-body img{ max-width: 200px; max-height: 200px;}
#info-show .reply-cont .comment-footer{font-size: 12px; color: #c0c0c0; margin-top: 10px; padding-bottom: 10px;}
#info-show .reply-cont .comment-footer .reply-btn{ color:#c0c0c0; margin:0 10px;}
#info-show .reply-cont .comment-footer .reply-btn:hover{ color:#ccc;}

#info-show .reply-cont .reply-reply-cont{ padding-top: 10px; border-top: 1px dashed #e8e8e8;}
#info-show .reply-cont .refer-content{ color: #15a2b4; padding-bottom:10px;}
#info-show .reply-cont .by-user-name{ font-weight: bolder;}

@media only screen and (max-width: 480px) {
    #info-show .head-face{ width:18%;}
    #info-show .reply-cont{ width: 81%;}
}