.commentList{display:flex;min-height:666px;width:452px;background:#474747;border-radius:4px;padding:4px 0 0;flex-direction:column;top:0;will-change:transform}.commentList /deep/ .el-upload-list{display:none}.commentList .reviewBtns{margin-left:8px}.commentList .reviewBtns span{display:inline-block;margin-right:8px;color:#828282;font-size:12px;cursor:pointer}.commentList .reviewBtns .delete{color:#ea3553}.commentList .reviewBtns .edit{color:#42a4f4}.commentList .recover{font-weight:500;font-size:11px;color:#007fff;margin-top:2px}.commentList .recover img{margin-right:2px}.commentList .recover .commentsQty{margin-right:4px}.commentList .recover .recoverStatus{position:relative;display:inline-block;padding-left:4px;font-weight:500;font-size:11px;color:#999}.commentList .recover .recoverStatusBefore:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#333}.commentList .relevance{border:1px solid #f8b500}.commentList .selectedComment{background-color:#333}.commentList .rowReverse{flex-direction:row-reverse}.commentList .flex-column{display:flex;flex-direction:column}.commentList .justifyContentEnd{justify-content:end}.commentList .endAndRe{justify-content:end;flex-direction:row-reverse}.commentList .endAndRe .reviewMsgContain{border-left-color:hsla(0,0%,100%,.25)!important}.commentList .endAndRe .fileContain{padding:0 3px 4px;flex-direction:row-reverse}.commentList .endAndRe .fileContain .file{background-color:#020a1c!important}.commentList .commentListMinHeight{min-height:538px;max-height:568px;overflow:auto;background-color:#18191b}.commentList .reviewContent{display:flex;flex-direction:column;padding:6px 8px;width:100%;box-sizing:border-box}.commentList .reviewContent .reviewContentList{display:flex}.commentList .reviewContent .fs11{font-size:11px}.commentList .reviewContent .contentText{max-width:290px;border-radius:6px}.commentList .reviewContent .contentText .reviewMsgContain{margin:4px 8px 0}.commentList .reviewContent .flex1{flex:1}.commentList .reviewContent .createNameClass{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;background-color:#0089ff}.commentList .reviewContent .mlr4{margin:0 4px}.commentList .reviewContent .mb5{margin-bottom:5px}.commentList .reviewContent .name{margin:0 2px 0 0;color:#8c8c8d}.commentList .reviewContent .order{color:#8c8c8d;margin-left:2px}.commentList .reviewContent .date{margin-left:8px;color:#8c8c8d}.commentList .reviewContent .text{margin-left:0;color:#ccc!important;font-size:12px!important;font-weight:400!important;padding:4px 8px;display:inline-block}.commentList .reviewContent .activity{position:relative;min-width:290px;font-size:12px}.commentList .reviewContent .activity .activityStatus{position:absolute;top:6px;right:8px}.commentList .reviewContent .activity .activityStatus .statusIcon{display:inline-block;width:3px;height:3px;border-radius:50%;margin-right:7px}.commentList .reviewContent .activity .activityList{margin-top:4px;color:#c1c1c1;align-items:flex-start}.commentList .reviewContent .activity .activityList .files{margin:2px 4px 2px 0}.commentList .reviewContent .activity .activityList .commentsText{width:218px}.commentList .reviewContent .activity .activityTitle{color:#ff9200}.commentList .reviewContent .activity .activityTitle img{margin-right:3px}.commentList .reviewContent .activity .activityBtn{width:100%;height:20px;background-color:#42a4f4;border-radius:2px;margin-top:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;cursor:pointer}.commentList .reviewContent .activity .label{color:#828282;margin-right:2px;display:inline-block;width:54px}.commentList .reviewContent .children{margin:8px 8px 0 0;border-radius:2px;background-color:#1f1f1f;padding:8px 8px 8px 2px;box-sizing:border-box}.commentList .reviewContent .children .mt10{margin-top:10px}.commentList .reviewContent .children .replayText{color:#ccc;margin-left:2px}.commentList .reviewContent .children .text{margin-left:7px}.commentList .reviewContent .children .reviewBtns{right:0;top:0}.commentList .reviewContent .replay .replayInput{margin-top:5px;margin-left:8px}.commentList .reviewNum{display:flex;align-items:center;justify-content:center;height:14px;min-width:14px;border-radius:50%}.commentList .reviewMsgContain{padding:0 4px;border-left:2px solid #474747}.commentList .reviewMsgContain p{font-weight:400;font-size:11px;color:#c1c1c1}.commentList .reviewMsgContain p:last-child{margin-top:2px}.commentList .commentsEditorShadow{box-shadow:0 0 5px 1px rgba(255,100,100,.5);animation:blink 2s infinite}@keyframes blink{0%,to{box-shadow:0 0 5px 1px rgba(255,100,100,.5)}50%{box-shadow:0 0 5px 1px rgba(255,100,100,0)}}.commentList .fileContain{padding-top:2px;width:100%;padding-left:8px;flex-wrap:wrap;background-color:#18191b}.commentList .fileContain .file{background-color:#363636;padding:2px 3px;margin-right:4px;margin-bottom:4px;font-weight:400;font-size:12px;border-radius:2px;color:#c1c1c1;display:flex;align-items:center}.commentList .fileContain .file .icon{margin:0 2px}.commentList .operateList{width:100%;padding:2px 7px;box-sizing:border-box;background-color:#18191b}.commentList .operateList .el-button{margin-right:6px;background-color:#28292b;color:#c1c1c1;border-color:transparent}.commentList .operateList .el-button img{width:12px;height:12px;margin:2px 1px 0 0}.commentList .operateList .el-button .atStyle{color:#41a1ef}.commentList .reviewMsg{position:relative;width:100%;padding:4px;border-top:2px solid #292929;background-color:#252525}.commentList .reviewMsg .iconClose{position:absolute;right:8px;top:8px}.commentList .review{display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.commentList .review .textarea{border-top:1px solid #292929;font-size:12px}.commentList .review .commentsEditor{width:100%;min-height:64px;border-top:1px solid #292929;font-size:12px;background-color:#18191b;color:#fff}.commentList .review .reviewBtnContain{padding-bottom:8px;width:100%;flex-direction:row-reverse;padding-right:8px;background-color:#18191b;display:flex;align-items:center;font-size:12px}.commentList .review .reviewBtnContain .el-button{margin-left:10px}.commentList .review input{margin:0 8px;width:365px}/deep/ .linkMessage{background-color:#173254;text-decoration:underline;border-radius:4px;padding:0 4px;color:#0279f3;display:inline-block}.dialogCustomerText{margin-bottom:6px;font-size:12px;color:var(--global-red)}/deep/ .switch-fold{display:none;flex-direction:column;align-items:center;background-color:var(--float-background);color:var(--text-primary);border-radius:0 4px 4px 0;padding-top:3px;font-size:12px;width:20px;height:88px;position:absolute;top:0;right:-20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}/deep/ .switch-fold:hover{background-color:var(--global-blue);color:#000}/deep/ .switch-fold .switch-fold-text{width:14px;color:var(--text-primary);margin-left:3px}/deep/ .switch-fold .switch-fold-text:hover{color:#000}.switch-btn{display:flex;flex-direction:column;align-items:center;padding:16px 0 10px 0;color:var(--text-primary);border-radius:4px 0 0 4px;width:60px;height:72px;font-size:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-btn:hover{background-color:var(--global-blue);color:#000}.switch-btn:hover .icon-comments{background:url(../img/icon-comments-black.4e2da410.svg)}.switch-btn .icon-comments{width:20px;height:20px;margin-bottom:6px;background:url(../img/icon-comments-blue.62d0adce.svg);background-size:contain;background-repeat:no-repeat}.switch-btn .commentNewSide{position:absolute;left:32px;top:7px;z-index:99;background-color:#ea3553;padding:0 2px;height:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:10px;color:#fff}.switch-btn .commentNewFlicker{animation:blink 1.5s infinite}.comment-list-header{position:relative;height:28px;cursor:move;border-bottom:1px solid var(--dialog-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.comment-list-header .title{display:inline-flex;font-weight:600;margin:4px}.comment-list-header .commentNew{position:absolute;left:32px;top:1px;z-index:99;background-color:#ea3553;padding:0 2px;height:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:10px;color:#fff}.comment-list-header .commentNewFlicker{animation:blink 1.5s infinite}.comment-list-header .commentType{position:absolute;display:flex;align-items:center;z-index:99;width:340px;top:50%;right:7px;transform:translateY(-50%)}.comment-list-header .commentType .label{width:40px;font-size:12px;color:#828282}.comment-list-header .commentType .searchType{width:60px}.comment-list-header .commentType .searchComment{width:160px;margin:0 8px}.comment-list-header .commentType .iconDialogCloseBox{position:relative;margin-left:27px;border-radius:2px}.comment-list-header .commentType .iconDialogCloseBox .iconDialogClose{height:20px}.comment-list-header .commentType .iconDialogCloseBox:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#6a6d70}.comment-list-header .commentType .iconDialogCloseBox:hover{background-color:#e81123}.comment-list-header .commentType /deep/ .el-input__icon{line-height:0}