.msg-remark{background:#FFF;padding:5px;text-align:center}
.msg-remark h2{font-weight:600;font-size:2rem}
.msg-remark p{font-size:1rem;margin:1rem 0}
.textarea-wrap.message{background-color:#fff;padding:15px}
.message-list{position:relative;margin-bottom:10px}
.message-list img{width:22px;height:22px}
.message-list li:first-child{border-top:0}
.message-list li{background:#fff;padding:15px;border-top:1px dotted grey}
.message-list .comment-content,.message-list .info,.message-list .replycontainer{margin-left:53px}
.message-list .info-footer{font-size:13px}
.message-list .info,.message-list .replycontainer{padding-top:5px}
.message-list .replycontainer .layui-form-item{margin-bottom:5px}
.message-list .info{overflow-x:hidden}
.message-list .info span{padding-right:5px}
.message-list .info img{margin-top:-2px}
.message-list .info .username{color:#01AAED}
.message-list .info .btn-reply{color:#009688}
.message-list .comment-content{padding:2px 0 5px 0;min-height:30px;font-size:13px;word-break: break-all}
.message-list hr{margin-left:53px}
.comment-parent>img{width:45px;height:45px;margin:5px 5px 5px 0;position:absolute;border-radius:50px}
.comment-child>img{width:40px;height:40px;margin:5px 5px 5px 0;position:absolute;border-radius:50px}
.comment-child{margin-left:53px;min-height:50px}
.comment-child .info{margin-left:48px;font-size:12px;line-height:20px}
.areaImg{width:12px!important;height:13px!important}
.fa-map-marker{margin: 0 5px;font-size: 15px;}

.captcha-container {
    display: flex;
    align-items: center; /* 垂直居中 */
    margin-bottom: 10px; /* 添加一些底部间距 */
}

.captcha-input {
    margin-right: 5px;
    width: 160px;
    height: 30px;
    padding: 0 5px; /* 添加一些内边距 */
    border: 1px solid #ccc; /* 添加边框 */
    border-radius: 4px; /* 添加边框圆角 */
    font-size: 14px; /* 调整字体大小 */
    transition: border-color 0.2s ease-in-out; /* 添加边框颜色过渡效果 */
}

.captcha-input:focus {
    border-color: #409eff; /* 聚焦时改变边框颜色 */
    outline: none; /* 移除浏览器默认的聚焦轮廓 */
}