.mode-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mode-btn{cursor:pointer;color:#666}.mode-btn.active{color:#0074ff}.comment-list-container{height:calc(100% - 20px);margin-top:20px;width:290px;background-color:#fff;-webkit-box-shadow:-2px 1px 10px rgba(0,0,0,.1);box-shadow:-2px 1px 10px rgba(0,0,0,.1);border-top-left-radius:6px}.comment-list-container .comment-container-header{height:40px;border-bottom:1px solid #dee0e3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px 12px 12px}.comment-list-container .comment-container-header .comment-close{cursor:pointer;font-size:18px;margin-left:16px}.comment-list-container .comment-list-content{height:calc(100% - 40px);overflow:auto;padding-left:12px}.comment-list-container .comment-list-content .comment-list{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}.comment-list-container .comment-list-content .comment-block{padding:10px;border:1px solid #dee0e3;border-radius:4px;position:relative;margin-bottom:12px;width:100%;background-color:#fff;-webkit-transition:all .5s;transition:all .5s}.comment-list-container .comment-list-content .comment-block.active-comment{z-index:10}.comment-list-container .comment-list-content .comment-block.active-comment:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:8px;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#1a6aff}.comment-list-container .comment-list-content .comment-block:hover .comment-target .hide-icon{display:inline}.comment-list-container .comment-list-content .comment-item-list{margin-top:8px}.comment-list-container .comment-list-content .comment-target{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:8px;border-left:2px solid #bbbfc3}.comment-list-container .comment-list-content .comment-target .target-img{width:30px;height:30px;-webkit-transition:none;transition:none}.comment-list-container .comment-list-content .comment-target .target-img.active-img{width:auto;height:auto;max-width:225px;max-height:200px}.comment-list-container .comment-list-content .comment-target .comment-text{line-height:20px;width:224px;font-size:14px;word-break:break-word}.comment-list-container .comment-list-content .comment-target .hide-icon{display:none;cursor:pointer;margin-left:auto}.comment-list-container .comment-list-content .comment-reply-wrapper{margin-top:8px}.comment-list-container .comment-list-content .comment-reply-wrapper .open-reply{font-size:12px;color:#646a73;cursor:pointer;padding-left:40px}.comment-list-container .comment-list-content .comment-reply-wrapper .reply-btn-group{text-align:end;margin-top:8px}.comment-list-container .comment-list-content .comment-reply-wrapper .reply-btn-group .el-button+.el-button{margin-left:8px}