.comment_frm pre{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin:0px;
}

.comment_frm {
    width: 100%;
    /*margin-left: 10px;*/
    min-height: 100px;
    /*margin-top: 15px;*/
    margin-bottom: 50px;
    float: left;
    background-color: #fff;
    padding-bottom: 50px;
}

.comment_head {
    font-size: 20px;
    font-weight: bold;
    color: #5a5a5a;
    height: 50px;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: rgba(236, 236, 236, 0.85);
    background-color: rgba(215, 223, 236, 0.7);
    /*border-top: 1px solid #d5d5d5;*/
    /*filter: blur(2px); !* 5px 是模糊半径 *!*/


}

.comment_head_img {
    height: 25px;
    /*margin-top: 10px;*/
    margin-right: 8px;
    vertical-align: bottom;
}

.comment_cnt {
    width: 100%;
    padding: 10px 30px;
    box-sizing: border-box;
    /*float:left;*/
    min-height: 100px;

}

.comment_empty {
    width: 100%;
    height: 100px;
    text-align: center;
    color: #5a5a5a;
    line-height: 100px;
    letter-spacing: 2px;
    color: #969696;
    user-select: none;
}

.reply_edit_cnt {
    float: left;
    width: calc(100% - 60px);
    height: 100px;
    font-size: 16px;
    color: #5a5a5a;
    border: 1px solid #dbdbdb;
    padding: 10px;
    outline: none;
    box-sizing: border-box;
    margin: 0px 0 0 30px;
    text-shadow: 0.1px 0.1px 0.1px #5a5a5a;
    border-radius: 4px;
    resize: none;
}

.subreply_edit_cnt {
    float: left;
    width: calc(100% - 20px);
    height: 100px;
    font-size: 16px;
    color: #5a5a5a;
    border: 1px solid #dbdbdb;
    padding: 10px;
    outline: none;
    box-sizing: border-box;
    margin: 0px 0 0 20px;
    text-shadow: 0.1px 0.1px 0.1px #5a5a5a;
    border-radius: 4px;
    resize: none;
}
.subreply_edit_cnt::placeholder {
    color: #ccc
}

.reply_edit_cnt::placeholder {
    color: #ccc
}

.send_bnt {
    float: right;
    margin: 10px 30px 0 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    user-select: none;
    background-color: rgb(67, 222, 101);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 5px;
    user-select: none;
}

.send_bnt:hover {
    cursor: pointer;
    background-color: rgba(148, 219, 142, 0.89);

}

.subsend_bnt {
    float: right;
    margin: 10px 0px 0 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    user-select: none;
    background-color: rgb(67, 222, 101);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 5px;
    user-select: none;
}

.subsend_bnt:hover {
    cursor: pointer;
    background-color: rgba(148, 219, 142, 0.89);

}

.reply_result_frm {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.reply_result {
    width: 80%;
    height: 50px;
    padding: 10px 20px;
    line-height: 40px;

    margin: auto;
    background-color: #eeeeee;
    border: 1px dashed #ededed;
    border-radius: 5px;
    text-align: center;
}


.reply_user_head {
    width: 100%;
    user-select: none;
}

.reply_head_img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin: auto;
}

.reply_user_name {
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #cc6962;
    font-size: 13px;
}

.reply_box {
    width: 100%;
    min-height:100px;
    float: left;
    /*border-bottom: 1px solid #eeeeee;*/
    padding-top: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;

}

.reply_box_left {
    width: 100px;
    float: left;

}

.reply_box_right {
    width: 600px;
    float: left;
}

.reply_info_row {
    width: 100%;
    height: 30px;
    line-height: 40px;
    font-size: 13px;
    color: #5a5a5a;
    /*background-color: #eeeeee;*/
    border-top: 1px solid #eeeeee;
}

.reply_floor {
    margin-right: 10px;
}

.reply_cnt {
    min-height: 40px;
    padding: 10px 0px 10px 25px;
    box-sizing: border-box;
    width: 100%;
}

.reply_time {
    margin-right: 10px;
}

.subreply_edit_bnt {
    /*color: #ae5747;*/
    margin-right: 10px;
    user-select: none;
}

.subreply_edit_bnt:hover {
    cursor: pointer;
}

.subreply_frm {
    padding: 10px 0px 10px 0px;
}

.subreply_box {
    padding: 2px 0px;
}

.subreply_head {
    font-size: 13px;
    color: #5a5a5a;

}

.subreply_head_img {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 5px;
}

.subreply_user_name {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;

}

.subreply_time {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;

}

.subreply_cnt {
    padding: 5px 26px;
    font-size: 14px;
}

.subreply_show_bnt {
    /*color: #ae5747;*/
    user-select: none;
}

.subreply_show_bnt:hover {
    cursor: pointer;
}

.reply_edit_bnt {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    background-color: #ff707c;
    font-weight: bold;
    color: #fff;
    text-align: center;
    user-select: none;
    float: right;
    letter-spacing: 2px;
    user-select: none;
}

.reply_edit_bnt:hover {
    cursor: pointer;
    background-color: rgba(255, 112, 124, 0.87);
}


.reply_not_edit_bnt {
    display: inline-block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #efefef;
    /*font-weight: bold;*/
    color: #919191;
    text-align: center;
    user-select: none;
    float: right;
    letter-spacing: 1px;
    user-select: none;
}
.comment_head_row {
    width: 600px;
    user-select: none;
}
.reply_edit_frm{
    width:calc(100% - 180px);
    float:left;
    margin-left: 120px;
    margin-top: 30px;
    border-top: 1px solid #e4e4e4;
}
.reply_eidt_body{
    padding: 30px 10px;
}
.subreply_eidt_box{
    height: 140px;
    width: 600px;
    box-sizing: border-box;
}

.reply_tool_row{
    font-size: 13px;
    color: #ae5747;
}
.reply_tool_frm{
    float: right;
}
.reply_info_frm{
    float: left;
}
.subreply_show_all_bnt{
    float: right;
    color: #5a5a5a;
    font-size: 13px;
    user-select: none;
}
.subreply_show_all_bnt:hover {
    cursor: pointer;
}
.reply_show_all_bnt{
    background-color: #eeeeee;
    float: left;
    text-align: center;
    width: 600px;
    height: 30px;
    line-height: 30px;
    margin-left: 100px;
    font-size: 14px;
    color:#5a5a5a;
    user-select: none;
}
.reply_show_all_bnt:hover{
cursor: pointer;
}