.viewComments{background-color:#fff}.viewComments .header{padding:0 1.25rem;height:3.375rem;background-color:#fff;display:flex;justify-content:flex-end;align-items:center}.viewComments .header .add{width:5.625rem!important}.viewComments .header .el-button{padding:.5rem .75rem}.viewComments .menu{margin:0 auto;padding:0 1.25rem;width:61.25rem;height:5rem;background-color:#f5f5f5;font-size:.875rem;display:flex;flex-wrap:wrap;align-items:center}.viewComments .menu .box{width:33.33%;display:flex;justify-content:flex-start;padding-left:1.25rem}.viewComments .menu .box span{line-height:2rem}.viewComments .menu .el-input,.viewComments .menu .el-input__inner{width:13.75rem;height:2rem;margin-left:.3125rem}.viewComments .menu .el-input__icon{line-height:2rem}.viewComments .main{margin-top:1.25rem}.viewComments .main .mainTitle{height:2.875rem;line-height:2.875rem;background-color:#f5f7fa;padding-left:1.5625rem}.viewComments .main .comment{display:flex;padding:2.1875rem 1.25rem 0 1.25rem;border-bottom:.0625rem solid #ebebeb}.viewComments .main .comment .commentL{width:15%;display:flex;justify-content:center}.viewComments .main .comment .commentL img{width:3.75rem;height:3.75rem;border-radius:50%}.viewComments .main .comment .commentR{width:85%}.viewComments .main .comment .commentR .userComment .userName{font-size:1rem;color:#262626;display:flex;justify-content:flex-start}.viewComments .main .comment .commentR .userComment .userName i{margin-left:.3125rem;margin-right:.3125rem;width:2rem;height:1rem;line-height:1rem;background:#ff9500;border-radius:.5rem;font-size:.75rem;color:#fff;text-align:center;margin-top:.1875rem}.viewComments .main .comment .commentR .userComment .userName p{color:#fff;margin-top:.1875rem;width:3rem;height:1rem;line-height:1rem;background:#f23d3d;border-radius:.5rem;font-size:.75rem;text-align:center}.viewComments .main .comment .commentR .userComment p{margin-top:1.25rem;font-size:1rem;color:grey}.viewComments .main .comment .commentR .userComment i{margin-top:1.25rem;font-size:.875rem;color:grey}.viewComments .main .comment .commentR .reply{background-color:#f2f2f2;padding:1.25rem;margin-top:1.25rem}.viewComments .main .comment .commentR .reply h3{color:#262626;font-weight:400}.viewComments .main .comment .commentR .reply i,.viewComments .main .comment .commentR .reply p{margin-top:1.25rem;color:grey}.viewComments .main .comment .commentR .btn{display:flex;justify-content:flex-end;margin-top:1.875rem;margin-bottom:1.5625rem}.viewComments .main .comment .commentR .btn .el-button{background-color:#f2f2f2;border-radius:0;height:2rem;padding:0 1.25rem}.viewComments .main .page{width:100%;display:flex;justify-content:flex-end;margin-top:1.25rem;height:6.25rem;line-height:6.25rem}.viewComments .main .page .el-pagination__jump{margin-left:0}.viewComments .main .page .el-pagination__total{margin-left:.625rem;margin-right:0}.viewComments .el-dialog{width:31.25rem}.viewComments .el-dialog .el-dialog__header{border-bottom:.0625rem solid #e6e6e6}.viewComments .el-dialog .el-form-item__label{line-height:1.25rem}.viewComments .el-dialog .el-form-item__content{display:flex;justify-content:flex-start;width:21.875rem}.viewComments .el-dialog .el-textarea__inner{font-family:Microsoft YaHei}