ul,li{
    padding:0;
    margin:0;
    list-style: none;
}

.right{
    float: right;
}
.left{
    float: left;
}
.clearfix:after,.clearfix:before{
    content:'';
    display: table;
    line-height:0;
}
.clearfix:after{
    clear: both;
}
.commentDetail {
    margin-top: 24px;
}

.commentDetail li {
    padding: 24px 0;
    position: relative;
}

.commentDetail i {
    font-style: normal;
}

.commentDetail .avator {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}

.comment_model_success,
.comment_model_fail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    display: none;
}

.comment_model_success div,
.comment_model_fail div {
    width: 80px;
    padding: 20px;
    text-align: center;
    margin: 20px auto;
    box-sizing: content-box;
}

.comment_model_success span,
.comment_model_fail span {
    font-size: 14px;
    line-height: 18px;
    color: #333;
}

.comment_model_fail .failure-modal__icon {
    float: left;
    font-size: 18px;
    fill: #f6704d;
    color: #f6704d;
}

.comment_model_success .success-modal__icon {
    float: left;
    font-size: 18px;
    fill: #22c761;
    color: #22c761;
}

.p_comment {
    width: 630px;
}

.p_comment .time {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.p_comment .time > span {
    font-size: 14px;
    color: #e0e0e0;
    letter-spacing: 0.35px;
}

.p_comment .time > span i {
    color: #666666;
}

.p_comment .subComment {
    height: 0;
    overflow: hidden;
    margin-top: 20px;
}

.p_comment textarea {
    width: 100%;
    resize: none;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
}

.p_comment button {
    background: #0bd;
    border-radius: 4px;
    width: 96px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-top: 4px;
    cursor: pointer;
    border: none;
    outline: none;
}

.p_comment button:hover {
    background: #0bd;
}

.p_praise {
    margin-right: 30px;
    font-size: 14px;
    cursor: pointer;
}

.p_praise img.active {
    display: none;
}

.p_praise.active {
    color: #0e7cf4;
}

.p_praise.active img {
    display: none;
}

.p_praise.active img.active {
    display: inline;
}

.reply {
    font-size: 16px;
    color: #0bd;
    letter-spacing: 0.4px;
    cursor: pointer;
}

.commentContent {
    font-size: 16px;
    color: #22292e;
    letter-spacing: 0.4px;
    margin-top: 12px;
}

.commentContent a {
    color: #237ae5;
}

.entry-meta {
    /*display: flex;*/
}
.entry-meta img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}