.comment .comment-content .title, .comment .comment-main .bd .reply .reply-commert .title { font-weight: bold; font-size: 22px; line-height: 28px; color: #333; margin-bottom: 10px; } .comment .comment-content .comment-textarea, .comment .comment-main .bd .reply .reply-commert .comment-textarea { border: 1px solid #CDCDCD; width: auto; height: 158px; padding: 10px; resize: none; font-size: 14px; overflow: hidden; background: #fff; } .comment .comment-content .comment-textarea img, .comment .comment-main .bd .reply .reply-commert .comment-textarea img{ vertical-align: middle; } .comment .comment-content .comment-textarea-cover, .comment .comment-main .bd .reply .reply-commert .comment-textarea-cover { border: 1px solid #ccc; width: auto; height: 80px; padding: 10px; resize: none; font-size: 14px; overflow: hidden; background: #fff; } .comment .comment-content .publish, .comment .comment-main .bd .reply .reply-commert .publish { margin: 10px 0; } .comment .comment-content .biaoq_ico, .comment .comment-main .bd .reply .reply-commert .biaoq_ico { left: 0px; position: absolute; top: 29px; width: 370px; height: 38px; background: #fff; z-index: 1; } .comment .comment-content .biaoq_ico span, .comment .comment-main .bd .reply .reply-commert .biaoq_ico span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e0e0e0; display: block; height: 24px; overflow: hidden; padding: 5px; } .comment .comment-content .biaoq_ico span img, .comment .comment-main .bd .reply .reply-commert .biaoq_ico span img { cursor: pointer; } .comment .comment-content .biaoq_ico i, .comment .comment-main .bd .reply .reply-commert .biaoq_ico i { display: block; height: 7px; margin: -42px auto 0px 28px; overflow: hidden; position: relative; width: 12px; } .comment .comment-main { margin-bottom: 30px; display: flex; flex-direction: column; width: 100%; } .comment .comment-main .hd { border-bottom: 1px solid #EDEDED; } .comment .comment-main .hd .tab-mod { float: left; } .comment .comment-main .hd .tab-mod a { float: left; font-size: 16px; color: #333333; line-height: 28px; margin-right: 35px; position: relative; top: 2px; padding: 6px 0; border-bottom: 3px solid transparent; } .comment .comment-main .hd .tab-mod a.cur { color: #2e8ae6; font-weight: bold; } .comment .comment-main .hd .tab-mod a.cur::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 46px; height: 4px; background-color: #2E89E6; border-radius: 23px; } .comment .comment-main .hd .more { float: right; margin-top: 12px; } .comment .comment-main .hd .more:hover { color: #666; } .comment .comment-main .bd .reply { padding: 12px 0 8px; font-size: 14px; border-bottom: 1px solid #f4f4f4; } .comment .comment-main .bd .reply .re-reply-lists { position: relative; margin-top: 10px; padding: 0 20px 13px; background: #f7f7f7; } .comment .comment-main .bd .reply .re-reply-lists .triangle { width: 0; height: 0; position: absolute; border: 10px solid transparent; border-bottom-color: #f2f2f2; top: -20px; left: 15px; } .comment .comment-main .bd .reply .re-reply-lists .re-reply { padding: 12px 0; border-bottom: 1px solid #ededed; } .comment .comment-main .bd .reply .re-reply-lists .fold-up { text-align: right; padding-top: 13px; cursor: pointer; } .comment .comment-main .bd .reply .re-reply-lists .fold-up .icon-up { display: inline-block; width: 12px; height: 7px; margin-left: 5px; } .comment .comment-main .bd .reply .reply-commert { padding-top: 20px; } .comment .comment-main .bd .replay-head { color: #999; line-height: 30px; position: relative; } .comment .comment-main .bd .replay-head .net-name { margin-right: 40px; } .comment .comment-main .bd .replay-head .rt-reply .like { padding-left: 20px; color: #999; } .comment .comment-main .bd .replay-head .rt-reply .to-reply { margin-left: 40px; color: #999; } .comment .comment-main .bd .replay-info { color: #333; line-height: 30px; }