.post-comments .comment-operate {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	line-height:1.15
}
.post-comments .comment-operate .replay {
	font-size:14px;
	color:#999;
	margin-right:15px;
	cursor:pointer;
}
.post-comments .comment-operate .view-replay,
.post-comments .comment-operate .putAway
{
	font-size:14px;
   margin-right:15px;
   cursor:pointer;
}
.post-comments .comment-operate .view-replay{
  color:#999;
}
.post-comments .comment-operate .delete-replay {
  	display:hidden;
	font-size:14px;
	color:#999;
   cursor:pointer;
}
.post-comments .comment-operate>div:hover {
  text-decoration:underline;
}
.post-comments .more-comment-replays, .post-comments .nomore-comment-replays{
  background-color: #c21010;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
  border: 1px solid;
  height: 32px;
  margin: 0.5rem 1rem;
  cursor: pointer;
  font-size: 14px;
}
.post-comments .more-comment-replays{
  display:none;
  font-size: 14px;
}
.post-comments .replay-user-avatar{
  display: inline-block;
  float: left;
}
.replay-right-area{
  display: inline-block;
  width: 87%;
}
#loading-div, #loading{
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
  -webkit-animation: rotate 3s linear infinite;
  -moz-animation: rotate 3s linear infinite;
  -o-animation: rotate 3s linear infinite;
  animation: rotate 3s linear infinite;
  height:15px;
  width:15px;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.section-title{
  display:flex;
  align-items:center;
}
.section-title>span{
  font-size: 24px;
  font-weight: 900;
  color: var(--trending-font-color);
  flex:none;
}
.comment-title-line{
  flex:1;
  margin-left:17px;
  height:1px;
  background-color:var(--trending-font-color);
}
.comment-list{
  margin-top:39px;
}
.comment-form{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
}
.comment-user-avatar{
  width:60px;
  flex:none;
  border-radius:50%;
  display:block;
  height:60px;
  overflow:hidden;
}
.comment-user-avatar img{
  width:100%;
  height:100%;
  object-fit: fill;
}
.comment-form{
  margin-top:21px;
  padding-top:21px;
  border-top: 1px dashed rgba(171, 171, 171, 1);
}
.comment-form:nth-child(1){
  margin-top:8px;
  padding-top:0;
  border-top: 0;
}
.comment-form:nth-child(1) .comment-user-avatar{
  width:77px;
  height:77px;
  flex:none;
}
.comment-form:nth-child(1) .comment-textarea{
  margin-left:21px;
}
.comment-textarea{
  flex:1;
}
#publish-comment,.replay-text-area{
  width:100%;
  background-color:var(--replay-text-area-bg-color);
  border-radius: 12px;
  resize: none;
  outline: none;
  padding: 10px 12px;
  font-size:14px;
  color:var(--font-color);
}
.submit-btn input{
  font-size: 12px;
  color: rgba(255, 255, 255, 1);
  height:31px;
  line-height:31px;
  padding-left:23px;
  padding-right:23px;
  border-radius: 8px;
  background: var(--story-column-font-color);
  flex:none;
  cursor:pointer;
}
.submit-btn{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  margin-top:14px;
}
.comment-body{
  flex:1;
  margin-left:19px;
}
.comment-message{
  margin-top:2px;
  font-size: 14px;
  word-wrap: break-word;
}
.user-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.replyTo{
  word-wrap: break-word;
}
.user-meta .name{
  flex:none;
  font-size: 16px;
  font-weight: 900;
  word-wrap: break-word;
  max-width: 100%;
}
.comment-date{
  font-size: 12px;
  margin-left:26px;
}
.comment-operate{
  margin-top:14px;
}
.post-comments .comment-operate .replay,
.post-comments .comment-operate .view-replay,
.post-comments .comment-operate .delete-replay{
  font-weight:700;
  color: var(--trending-font-color);
}
.replay-item{
  flex:none;
  width:100%;
}
.replay-right-area{
  margin-left:20px;
}
.more-comments{
  justify-content:center;
  margin-top:20px;
}
.commentLoadMore{
  cursor:pointer;
}
@media (max-width:767px){
  .comment-user-avatar{
    width:13vw;
    height:13vw;
  }
  .comment-form:nth-child(1) .comment-user-avatar{
    width:18vw;
    height:18vw;
  }
}