@charset "UTF-8";

.comments-warp { color: #3c3c3c; padding: 0.2rem; }

.comments-warp .commentstitle { height: 0.6rem; line-height: 0.6rem; }

.comments-warp .commentstitle .bt { font-weight: bold; font-size: 0.3rem; }

.comments-warp .coment_textarea { width: 100%; padding-top: 0.2rem; }

.comments-warp .coment_textarea .textareapost { padding: 0.1rem 0.2rem; border: 0.01rem solid #ccc; line-height: 0.6rem; }

.comments-warp .coment_textarea .textareapost textarea { width: 100%; border: none; resize: none; outline: none; font-size: 0.28rem; height: 1.5rem; line-height: 0.5rem; }

.comments-warp .coment_textarea .post_box { height: 0.7rem; padding-top: 0.1rem; line-height: 0.6rem; }

.comments-warp .coment_textarea .post_box .postbtn { float: right; width: 1.8rem; height: 0.6rem; background: #ff9601; text-align: center; line-height: 0.6rem; border-radius: 0.1rem; color: #fff; font-size: 0.28rem; cursor: pointer; }

.comments-warp .coment_textarea .post_box .postbtn:hover { opacity: 0.9; }

.comments-warp .listbt { padding-top: 0.1rem; height: 0.8rem; border-bottom: 0.04rem solid #e6e6e6; line-height: 0.8rem; width: 100%; position: relative; }

.comments-warp .listbt .bt { float: left; height: 0.8rem; position: relative; font-size: 0.28rem; color: #ff9601; font-weight: bold; }

.comments-warp .listbt .bt::before { content: ''; left: 0; bottom: -0.04rem; background: #ff9601; width: 100%; height: 0.04rem; display: block; position: absolute; }

.comments-warp .listbt .more { float: right; }

.comments-warp .comments-lis { padding: 0.1rem 0; font-size: 0.24rem; }

.comments-warp .comments-lis .list { border-bottom: 0.01rem solid #f4f4f4; padding: 0.1rem 0; overflow: hidden; }

.comments-warp .comments-lis .list .list-p { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.comments-warp .comments-lis .list .list-p .cot-w { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.comments-warp .comments-lis .list .list-p .p-top { line-height: 0.5rem; height: 0.5rem; width: 100%; overflow: hidden; color: #999; font-size: 0.26rem; }

.comments-warp .comments-lis .list .list-p .p-top .dz { float: left; }

.comments-warp .comments-lis .list .list-p .p-top .time { padding-left: 0.2rem; }

.comments-warp .comments-lis .list .list-p .text-p { color: #333; padding: 0.05rem 0; line-height: 0.6rem; }

.comments-warp .comments-lis .list .list-p .ritbox { float: right; line-height: 0.5rem; height: 0.5rem; }

.comments-warp .comments-lis .list .list-p .ritbox .zan { float: left; margin-right: 0.4rem; cursor: pointer; }

.comments-warp .comments-lis .list .list-p .ritbox .zan .ico { background: url("../images/comments-img.png") no-repeat center; display: inline-block; vertical-align: middle; margin: -0.04rem 0.06rem 0 0; width: 0.3rem; height: 0.3rem; background-size: 0.5rem auto; }

.comments-warp .comments-lis .list .list-p .ritbox .zan .icozan { background-position: 0 -1rem; }

.comments-warp .comments-lis .list .list-p .ritbox .zan.on { color: #ff0101; }

.comments-warp .comments-lis .list .list-p .ritbox .zan.on .icozan { background-position: 0 -0.42rem; }

.comments-warp .comments-lis .list .list-p .ritbox .playbtn { float: left; cursor: pointer; }