a {
    text-decoration: none;
}

.commentbox {
    width: 900px;
    margin: 20px auto;
}

.mytextarea {
    width: 100%;
    overflow: auto;
    word-break: break-all;
    height: 100px;
    color: #000;
    font-size: 1em;
    resize: none;
}

.comment-list {
    width: 900px;
    margin: 20px auto;
    clear: both;
    padding-top: 20px;
}

.comment-list .comment-info {
    position: relative;
    margin-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.comment-list .comment-info header {
    width: 10%;
    position: absolute;
}

.comment-list .comment-info header img {
    width: 100%;
    border-radius: 50%;
    padding: 5px;
}

.comment-list .comment-info .comment-right {
    padding: 5px 0px 5px 11%;
}

.comment-list .comment-info .comment-right h3 {
    margin: 5px 0px;
}

.comment-list .comment-info .comment-right .comment-content-header {
    height: 25px;
}

.comment-list .comment-info .comment-right .comment-content-header span, .comment-list .comment-info .comment-right .comment-content-footer span {
    padding-right: 2em;
    color: #aaa;
}

.comment-list .comment-info .comment-right .comment-content-header span, .comment-list .comment-info .comment-right .comment-content-footer span.reply-btn, .send, .reply-list-btn {
    cursor: pointer;
}

.comment-list .comment-info .comment-right .reply-list {
    border-left: 3px solid #ccc;
    padding-left: 7px;
}

.comment-list .comment-info .comment-right .reply-list .reply {
    border-bottom: 1px dashed #ccc;
}

.comment-list .comment-info .comment-right .reply-list .reply div span {
    padding-left: 10px;
}

.comment-list .comment-info .comment-right .reply-list .reply p span {
    padding-right: 2em;
    color: #aaa;
}

.date-dz-pl, .date-dz-line, .date-dz-z {
    font-size: 12px;
    color: #8b8b8b;
}

.date-dz-line {
    display: block;
    padding: 0 20px;
}

.z-num {
    font-style: normal;
}

.date-dz-z-click {
    color: #b83b44;
}

.img-circle {
    transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    /* -webkit-transform: rotate(0deg); */
}

.img-circle:hover {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.form_left{
    margin-top: 10px;
    margin-bottom: 10px;
}
.form_left_max{
    margin-top: 20px;
    margin-bottom: 30px;
}
.forgroupwdith{
    width: 342px;
}
iframe {
    width: 100%; /* iframe宽度与父div一致 */
    height: 100%; /* iframe高度与父div一致 */
    border: none; /* 可选：移除iframe边框 */
    position: absolute; /* 可选：如果父div有padding或border，使用绝对定位确保iframe填满整个可用空间 */
    top: 0; /* 与父div顶部对齐 */
    left: 0; /* 与父div左侧对齐 */
}