.audio__wrap .self__audio .audio__trigger[data-v-477999ee]{cursor:pointer;vertical-align:top;display:inline-block;width:100px;background-color:transparent;border-radius:4px;height:18px;display:flex;align-items:center;position:relative}.audio__wrap .self__audio .audio__trigger .audio__duration[data-v-477999ee]{color:#888;position:absolute;left:10px;right:30px;overflow:hidden}.audio__wrap .self__audio .audio__trigger .wifi-symbol[data-v-477999ee]{width:50px;height:50px;box-sizing:border-box;overflow:hidden;transform:rotate(-45deg) scale(.5);position:absolute;right:0}.audio__wrap .self__audio .audio__trigger .wifi-symbol .wifi-circle[data-v-477999ee]{border:5px solid #999;border-radius:50%;position:absolute}.audio__wrap .self__audio .audio__trigger .wifi-symbol .first[data-v-477999ee]{width:5px;height:5px;background:#ccc;top:45px;left:45px}.audio__wrap .self__audio .audio__trigger .wifi-symbol .second[data-v-477999ee]{width:25px;height:25px;top:35px;left:35px}.audio__wrap .self__audio .audio__trigger .wifi-symbol .third[data-v-477999ee]{width:40px;height:40px;top:25px;left:25px}.audio__wrap .self__audio .audio__trigger .wifi-symbol--avtive .second[data-v-477999ee]{-webkit-animation:bounce-data-v-477999ee 1s .2s infinite;animation:bounce-data-v-477999ee 1s .2s infinite}.audio__wrap .self__audio .audio__trigger .wifi-symbol--avtive .third[data-v-477999ee]{-webkit-animation:bounce-data-v-477999ee 1s .4s infinite;animation:bounce-data-v-477999ee 1s .4s infinite}.audio__wrap .self__audio .audio__trigger.position-left .audio__duration[data-v-477999ee]{left:30px;right:0}.audio__wrap .self__audio .audio__trigger.position-left .wifi-symbol[data-v-477999ee]{left:0;right:auto;transform:rotate(135deg) scale(.5)}@-webkit-keyframes bounce-data-v-477999ee{0%{opacity:0}to{opacity:1}}@keyframes bounce-data-v-477999ee{0%{opacity:0}to{opacity:1}}.comments-card__wrapper[data-v-68d3b112]{--height:600px}.comments-card__wrapper .comments-card__title[data-v-68d3b112]{font-size:14px;font-weight:600;color:#101010;line-height:20px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:flex-end}.comments-card__wrapper .comments-card__title .refresh__btn[data-v-68d3b112]{padding-right:10px}.comments-card__wrapper .comments-card__title .refresh__btn .el-button.is-circle[data-v-68d3b112]{border-radius:50%!important;padding:6px}.comments-card__wrapper .comments-card__content[data-v-68d3b112]{line-height:20px;border-radius:10px;font-size:14px;color:#101010;background-color:#f7f7f7;padding:10px;height:var(--height);overflow:auto}.comments-card__wrapper .comments-card__content.empty-data[data-v-68d3b112]{display:flex;justify-content:center;align-items:center}.comments-card__wrapper .comments-card__content[data-v-68d3b112]::-webkit-scrollbar{width:2px}.comments-card__wrapper .comments-card__content[data-v-68d3b112]::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.comments-card__wrapper .comments-card__content[data-v-68d3b112]::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:5px}.comments-card__wrapper .comments-card__content[data-v-68d3b112]::-webkit-scrollbar-thumb:hover{background:#333}.comments-card__wrapper .comments-card__content[data-v-68d3b112]::-webkit-scrollbar-corner{background:#179a16}.comments-card__wrapper .comments-card__content .comments-card__content-items[data-v-68d3b112]{scroll-snap-align:end}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__time[data-v-68d3b112]{text-align:center;font-size:12px;line-height:17px;color:#a5a6a5;margin:12px 0}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__time[data-v-68d3b112]:first-child{margin-top:0}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items[data-v-68d3b112]{position:relative;margin-bottom:20px;display:flex;justify-content:flex-start}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_person__mem[data-v-68d3b112]{position:absolute;left:0;display:flex;justify-content:center}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context[data-v-68d3b112]{background-color:#c9f7f4;border-radius:5px;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 60px);font-size:12px;line-height:1.6;position:relative;white-space:pre-line;word-wrap:break-word;word-break:break-all;margin-top:50px}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context i[class^=el-icon][data-v-68d3b112]{color:#c9f7f4;position:absolute;font-size:18px;left:-11px;top:4px}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.image-message[data-v-68d3b112]{background-color:transparent!important}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.image-message i[class^=el-icon][data-v-68d3b112]{display:none}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.text-message[data-v-68d3b112]{padding:6px}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.sample-messsage[data-v-68d3b112]{background-color:#fff!important}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.sample-messsage>div div[data-v-68d3b112]:first-child{font-size:14px;font-weight:600;color:#4f4f4f}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.sample-messsage .sample-image[data-v-68d3b112]{width:155px;max-height:103px}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.sample-messsage i[class^=el-icon][data-v-68d3b112]{color:#fff!important}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items .comments_message__context.voice-messsage[data-v-68d3b112]{padding:6px}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items.owner[data-v-68d3b112]{padding-left:0;justify-content:flex-end}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items.owner .comments_person__mem[data-v-68d3b112]{left:auto;right:0}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items.owner .comments_message__context[data-v-68d3b112]{background-color:#e1f0fe}.comments-card__wrapper .comments-card__content .comments-card__content-items .comments-card__content-items__comments-items.owner .comments_message__context i[class^=el-icon][data-v-68d3b112]{color:#e1f0fe;position:absolute;right:-11px;left:auto}.comments-card__wrapper .comments-card__content .comments-card__content-items:last-child .comments-card__content-items__comments-items[data-v-68d3b112]:last-child{margin-bottom:16px}.comments-card__wrapper .comments-card__content .messaeg_time[data-v-68d3b112]{height:40px;line-height:40px;font-size:12px;color:#a5a6a5;margin:0 5px 0 5px}.comments-card__wrapper .comments-card__content .messaeg_peo[data-v-68d3b112]{height:40px;line-height:40px;font-size:14px;color:#101010;font-weight:600;margin:0 5px 0 5px;max-width:200px}.image-container[data-v-68d3b112]{width:238px;height:139px}.sample-container[data-v-68d3b112]{width:179px;height:137px}.thumb_image[data-v-68d3b112]{width:217px;height:122px;margin:10px}