.comment-index{width:100%;height:calc(100vh - 79px);background:#f0f2f5;overflow:hidden;display:flex;justify-content:space-between;padding:10px}.comment-index .comment-index-left{width:260px;height:100%;background:#fff;border-radius:5px;padding:10px;box-shadow:0 1px 3px 0 #d8d9d9;border:1px solid #e5e5e5}.comment-index .comment-index-left .left-list{height:calc(100% - 385px);overflow:hidden;overflow-y:auto;position:relative;margin-top:20px}.comment-index .comment-index-left .left-list .left-list-title{font-size:14px;font-weight:300;color:#2a2a2a;border-left:4px solid #0079d3;padding-left:10px}.comment-index .comment-index-left .left-list .left-list-title-b{margin:10px 0;border-bottom:1px solid #fbf6f6}.comment-index .comment-index-left .left-list ul{padding:0;margin:0}.comment-index .comment-index-left .left-list ul li{margin-bottom:15px}.comment-index .comment-index-left .left-list ul li .history-words{padding:5px 10px;background:#efefef;border:0 solid #000;border-radius:20px;font-size:12px;font-weight:300;color:#2a2a2a;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.comment-index .comment-index-left .left-list ul li .select-obj{background:#ff4500;color:#fff}.comment-index .comment-index-left .el-form-item{margin-bottom:0!important}.comment-index .comment-index-right{width:calc(100% - 270px);height:100%;position:relative;overflow:hidden;border-radius:5px}.comment-index .comment-index-right .right-child{width:100%;height:calc(100% - 37px);overflow:hidden;overflow-y:auto;background:#fff;margin-top:5px}.comment-index .comment-index-right .right-item{position:relative;width:100%;background:#fff;padding:10px;margin-bottom:10px}.comment-index .comment-index-right .right-item .item-title{width:100%;white-space:nowrap;display:flex;justify-content:space-between}.comment-index .comment-index-right .right-item .item-title>div{align-self:center}.comment-index .comment-index-right .right-item .item-title span{font-size:12px;font-weight:300;color:#1a1a1b;vertical-align:middle}.comment-index .comment-index-right .right-item .item-title img{width:28px;height:28px;-o-object-fit:cover;object-fit:cover;vertical-align:middle;border-radius:50%}.comment-index .comment-index-right .right-item .item-title .title-type{margin:0 10px}.comment-index .comment-index-right .right-item .item-title .title-symbol{font-size:22px;color:#ababab;margin:0 5px}.comment-index .comment-index-right .right-item .item-sub{font-size:14px;font-weight:700;color:#000;margin:10px 0}.comment-index .comment-index-right .right-item .item-content-box .item-content-title{padding:0 35px;font-size:14px;color:#1a1a1b;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;cursor:pointer}.comment-index .comment-index-right .right-item .item-content-box .item-content{width:300px;height:300px;overflow:hidden}.comment-index .comment-index-right .right-item .item-foot{margin-top:20px;display:flex}.comment-index .comment-index-right .right-item .item-foot img{vertical-align:middle}.comment-index .comment-index-right .right-item .item-foot span{vertical-align:middle;font-size:12px;margin-left:5px;font-weight:300;color:#898989}.comment-index .comment-index-right .right-item:after{content:"";position:absolute;bottom:0;left:50%;height:1px;width:96.5%;background-color:#eeebe8;transform:translateX(-50%)}.comment-index .comment-index-right .right-item-one:after,.comment-index .comment-index-right .right-item-one:before{width:0;height:0}.comment-index .comment-index-right .content-none{font-size:22px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#898989}.comment-popover{width:50%;max-height:300px;overflow:auto;line-height:25px;background:#f2f2f2;box-shadow:1px 4px 8px rgba(0,0,0,.4);padding:15px;border:1px solid #666}