.comment-form[data-v-488efba4]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);-webkit-transition:all .6s;transition:all .6s;z-index:9;opacity:0;visibility:hidden}.comment-form .content[data-v-488efba4]{position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;height:284px;width:500px;padding:16px 22px 0;background:#fff;border-radius:8px 22px 22px;border:1px solid #ebeef5;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.35);box-shadow:0 0 10px 0 rgba(0,0,0,.35);z-index:10;opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:translateY(20px);transform:translateY(20px)}.comment-form .content .img[data-v-488efba4]{height:80px;width:80px;padding:10px;background:#fff;border-radius:40px;position:absolute;top:-30px;left:-1px;z-index:99;overflow:hidden}.comment-form .content .img img[data-v-488efba4]{height:100%;width:100%;border-radius:50%}.comment-form .name[data-v-488efba4]{color:#409eff;font-size:16px;margin-bottom:14px;padding-left:64px}.comment-form[data-v-488efba4] textarea{height:150px!important;padding:12px!important;background:#f1f1f1;border:none;border-radius:10px;padding-left:16px!important}.comment-form .bottom-btn[data-v-488efba4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:18px}.comment-form .bottom-btn button[data-v-488efba4]{border-radius:20px;height:38px;padding:0 30px;line-height:38px}.comment-form .bottom-btn p[data-v-488efba4]{font-size:12px;color:#ff8282}.comment-form .el-icon-circle-close[data-v-488efba4]{position:absolute;right:16px;top:15px;color:#c7c7c7;font-size:22px;padding:2px;cursor:pointer}.comment-form .el-icon-circle-close[data-v-488efba4]:hover{color:#409eff}.comment-form.active[data-v-488efba4]:before{opacity:1;visibility:visible}.comment-form.active .content[data-v-488efba4]{opacity:1;visibility:visible;-webkit-transform:translateY(-10px);transform:translateY(-10px)}@media screen and (max-width:600px){.comment-form .content[data-v-488efba4]{max-width:90%}}.content[data-v-5eff9983]{position:relative}.comment[data-v-5eff9983]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.comment .header h1[data-v-5eff9983]{border-left:2px solid #0084ff;padding-left:16px;font-size:18px;font-weight:400;margin:20px 0 30px;color:#0084ff}.comment .header h1 .read-btn[data-v-5eff9983]{float:right;cursor:pointer;color:#ff9797}.comment .header h1 .read-btn i[data-v-5eff9983]{color:#ff9797}.comment .header h1 .read-btn:hover i[data-v-5eff9983],.comment .header h1 .read-btn[data-v-5eff9983]:hover{color:red}.comment .header .info[data-v-5eff9983]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:15px 0}.comment .header .info div[data-v-5eff9983]{margin-right:10px}.comment i[class*=el-icon-][data-v-5eff9983]{cursor:pointer;margin:2px;padding:2px;font-size:14px;color:#cfcfcf;-webkit-transition:all .2s;transition:all .2s}.comment i[class*=el-icon-][data-v-5eff9983]:hover{color:#0e8bff}.comment i[class*=el-icon-].el-icon-delete[data-v-5eff9983]:hover{color:red}.comment .read[data-v-5eff9983]{background:#ff5656;color:#fff;font-size:12px;border-radius:50%;height:14px;width:14px;display:inline-block;text-align:center;line-height:15px}.comment[data-v-5eff9983] .el-table .el-table__body-wrapper{height:calc(100% - 80px);overflow:auto}.comment[data-v-5eff9983] .el-table .el-table__body-wrapper::-webkit-scrollbar-track{background:#fff}.comment[data-v-5eff9983] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb{background:#eef7ff}.comment[data-v-5eff9983] .el-table .el-table__body-wrapper::-webkit-scrollbar{width:6px;height:6px}@media screen and (max-width:600px){.comment[data-v-5eff9983]{padding:0;-webkit-box-shadow:none;box-shadow:none}.comment i[class*=el-icon-][data-v-5eff9983]{display:block;text-align:right}.comment .el-pagination[data-v-5eff9983]{bottom:5px!important}.comment[data-v-5eff9983] .el-table__header{width:100%!important;display:block}.comment[data-v-5eff9983] .el-table__header thead{display:block}.comment[data-v-5eff9983] .el-table__header thead tr{display:-webkit-box;display:-ms-flexbox;display:flex}.comment[data-v-5eff9983] .el-table__header thead tr th{padding:6px 0}.comment[data-v-5eff9983] .el-table__header thead tr th:first-of-type{width:100px}.comment[data-v-5eff9983] .el-table__header thead tr th:nth-of-type(2){-webkit-box-flex:1;-ms-flex:1;flex:1;display:block}.comment[data-v-5eff9983] .el-table__header thead tr th:nth-of-type(3){display:none}.comment[data-v-5eff9983] .el-table__header thead tr th .cell{padding:0}.comment[data-v-5eff9983] .el-table__body{width:100%!important;display:block}.comment[data-v-5eff9983] .el-table__body tbody{display:block}.comment[data-v-5eff9983] .el-table__body tbody tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s;border-bottom:1px solid #ebeef5}.comment[data-v-5eff9983] .el-table__body tbody tr:hover{background:#f5f7fa}.comment[data-v-5eff9983] .el-table__body tbody tr:hover td{background:none}.comment[data-v-5eff9983] .el-table__body tbody tr td{border:none}.comment[data-v-5eff9983] .el-table__body tbody tr td:first-of-type{width:100px}.comment[data-v-5eff9983] .el-table__body tbody tr td:nth-of-type(2){-webkit-box-flex:1;-ms-flex:1;flex:1;display:block}.comment[data-v-5eff9983] .el-table__body tbody tr td:nth-of-type(3){display:none}.comment[data-v-5eff9983] .el-table__body tbody tr td:nth-of-type(4){width:46px}}