.pa[data-v-428fc15f]{position:absolute}.pr[data-v-428fc15f]{position:relative}.header-title[data-v-428fc15f]{width:100%;padding-bottom:20px;display:flex;align-items:center;border-bottom:1px solid #dddee2}.header-title .icon-img[data-v-428fc15f]{width:60px;height:60px}.header-title .border-lefts[data-v-428fc15f]{width:6px;height:26px;background:#2d8cf0}.header-title .header-right[data-v-428fc15f]{display:flex;margin-left:20px;flex-direction:column}.header-title .header-right .right-top[data-v-428fc15f]{display:flex;align-items:center}.header-title .header-right .right-top>span[data-v-428fc15f]{margin-right:20px;font-size:22px;color:#464c5b;letter-spacing:0;font-weight:600}.header-title .header-right .right-bot p[data-v-428fc15f]{font-size:14px;color:#80838e;margin-top:10px}.pa[data-v-6d0bb2bc]{position:absolute}.pr[data-v-6d0bb2bc]{position:relative}.circle .circle-block[data-v-6d0bb2bc]{margin-bottom:30px}.circle .circle-block .name[data-v-6d0bb2bc]{display:flex;align-items:center;justify-content:flex-start}.circle .circle-block .name>img[data-v-6d0bb2bc]{width:30px;height:30px}.circle .circle-block .name span[data-v-6d0bb2bc]{color:#4e7fff;font-size:16px;margin-left:5px}.circle .circle-block>p[data-v-6d0bb2bc]{color:#464c5b;margin:5px 0 10px;padding-left:35px;line-height:26px}.circle .circle-block>p strong[data-v-6d0bb2bc]{color:#4e7fff;font-size:16px;padding:2px 4px;border-radius:4px;background:#e5ecff}.circle .circle-block .base[data-v-6d0bb2bc]{display:flex;align-items:center;padding-left:35px;margin-bottom:10px}.circle .circle-block .base>span[data-v-6d0bb2bc]{font-size:16px;line-height:20px;margin-right:5px}.circle .circle-block .self[data-v-6d0bb2bc]{display:flex;align-items:center;padding-left:35px;margin-bottom:10px}.circle .circle-block .self>span[data-v-6d0bb2bc]{font-size:16px;line-height:20px;font-weight:600;margin-right:5px}.circle .circle-block .mb[data-v-6d0bb2bc]{margin-bottom:0}.circle .circle-block>ul[data-v-6d0bb2bc]{display:flex;justify-content:flex-start;flex-wrap:wrap;padding-left:35px}.circle .circle-block>ul li[data-v-6d0bb2bc]{width:8%;aspect-ratio:1;border-radius:8px;margin-bottom:12px;cursor:pointer;position:relative}.circle .circle-block>ul li[data-v-6d0bb2bc]:not(:nth-child(11n)){margin-right:1.1%}.circle .circle-block>ul li .pre-img[data-v-6d0bb2bc]{width:100%;height:100%;border-radius:8px}.circle .circle-block>ul li .media-cover[data-v-6d0bb2bc]{width:40%;aspect-ratio:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.circle .circle-block>ul .audio[data-v-6d0bb2bc]{width:100%;height:100%;border-radius:8px;background:#ebedf5;display:flex;align-items:center;justify-content:center}.circle .circle-block>ul .audio .audio-icon[data-v-6d0bb2bc]{width:20px;height:15px}.circle .circle-block>ul .audio .audio-time[data-v-6d0bb2bc]{color:#80838e;font-size:16px;margin-left:3px}.circle .circle-block .all-media[data-v-6d0bb2bc]{display:flex;justify-content:flex-start;padding-left:35px}.circle .circle-block .all-media p[data-v-6d0bb2bc]{display:flex;align-items:center;justify-content:flex-start;margin-right:20px}.circle .circle-block .all-media p>img[data-v-6d0bb2bc]{width:20px;height:20px}.circle .circle-block .all-media p span[data-v-6d0bb2bc]{color:#464c5b;font-size:14px;line-height:14px;margin-left:5px}.pa[data-v-cee6607e]{position:absolute}.pr[data-v-cee6607e]{position:relative}.observation .write[data-v-cee6607e]{background:#4e7fff;border-radius:8px}.observation .container[data-v-cee6607e]{width:100%;padding:25px;background:hsla(0,0%,100%,.9);border-radius:20px;margin-top:30px}.observation .container .search[data-v-cee6607e]{display:flex;align-items:center;justify-content:flex-start}.observation .container .search .search-box[data-v-cee6607e]{margin-right:10px}.observation .container .search .search-box[data-v-cee6607e]:last-child{margin-right:0}.observation .container .search .search-box>buttton[data-v-cee6607e]{width:74px;height:32px;border-radius:4px}.observation .container .search .search-box .query[data-v-cee6607e]{background:#4e7fff}.observation .container .search .search-box .reset[data-v-cee6607e]{margin-left:10px}.observation .container .select-all[data-v-cee6607e]{margin:20px 0}.observation .container .select-all>button[data-v-cee6607e]{margin-left:10px;border-radius:8px}.observation .container .select-all>button .down[data-v-cee6607e]{display:flex;align-items:center}.observation .container .select-all>button .down>img[data-v-cee6607e]{width:16px;height:16px;margin-right:2px}.observation .container .list[data-v-cee6607e]{margin-top:12px}.observation .container .list li[data-v-cee6607e]{display:flex;align-items:flex-start;width:100%;min-height:200px;background:#f7f8fd;border-radius:16px;padding:16px 20px}.observation .container .list li[data-v-cee6607e]:not(:last-child){margin-bottom:20px}.observation .container .list li .content[data-v-cee6607e]{flex:1}.observation .container .list li .content .content-title[data-v-cee6607e]{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #dddee2}.observation .container .list li .content .content-title>div[data-v-cee6607e]{display:flex;align-items:center;justify-content:flex-start}.observation .container .list li .content .content-title>div>img[data-v-cee6607e]{width:48px;height:48px}.observation .container .list li .content .content-title>div>p[data-v-cee6607e]{margin-left:4px;font-size:18px;color:#464c5b;line-height:22px;font-weight:700}.observation .container .list li .content .content-title .date[data-v-cee6607e]{font-size:16px;color:#80838e;font-weight:400}.observation .container .list li .content .content-main[data-v-cee6607e]{padding:10px 0 20px;border-bottom:1px solid #dddee2}.observation .container .list li .content .content-main .record[data-v-cee6607e]{display:flex;align-items:flex-start;margin-top:10px}.observation .container .list li .content .content-main .record>span[data-v-cee6607e]{flex-shrink:0;font-weight:500}.observation .container .list li .content .content-main .record>p[data-v-cee6607e]{font-weight:400}.observation .container .list li .content .content-main .special .resources[data-v-cee6607e]{padding-left:10px}.observation .container .list li .content .content-main .special .resources .resources-box[data-v-cee6607e]{margin:0 20px 20px 0}.observation .container .list li .content .content-main .resources[data-v-cee6607e]{display:flex;align-items:center;flex-wrap:wrap;padding-left:80px}.observation .container .list li .content .content-main .resources .resources-box[data-v-cee6607e]{display:flex;align-items:center;justify-content:center;margin:20px 20px 0 0;cursor:pointer}.observation .container .list li .content .content-main .resources .resources-box .media-box[data-v-cee6607e]{width:203px;height:203px;border-radius:8px;background-color:#e9ebf3;position:relative}.observation .container .list li .content .content-main .resources .resources-box .media-box .play[data-v-cee6607e]{width:63px;height:63px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.observation .container .list li .content .content-main .resources .resources-box .media-box>.pic[data-v-cee6607e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.observation .container .list li .content .content-main .resources .resources-box .audio[data-v-cee6607e]{width:120px;height:120px;background:#e9ebf3;border-radius:8px;display:flex;align-items:center;justify-content:center}.observation .container .list li .content .content-main .resources .resources-box .audio>img[data-v-cee6607e]{width:32px;height:32px}.observation .container .list li .content .content-main .resources .resources-box .audio>p[data-v-cee6607e]{font-size:22px;color:#464c5b;font-weight:500}.observation .container .list li .content .reply[data-v-cee6607e]{margin-top:20px}.observation .container .list li .content .reply .reply-title[data-v-cee6607e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.observation .container .list li .content .reply .reply-title .title[data-v-cee6607e]{display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.observation .container .list li .content .reply .reply-title .title>img[data-v-cee6607e]{height:20px;-o-object-fit:contain;object-fit:contain}.observation .container .list li .content .reply .reply-title .title>p[data-v-cee6607e]{color:#4e7fff;font-weight:500;font-size:18px;margin-left:5px}.observation .container .list li .content .reply .reply-title .title[data-v-cee6607e] .ivu-icon{transition:.2s linear}.observation .container .list li .content .reply .reply-title .title .icon-up[data-v-cee6607e]{padding-top:3px;transform:rotate(180deg)}.observation .container .list li .content .reply .reply-title .open-range[data-v-cee6607e]{display:flex;align-items:center;justify-content:flex-start}.observation .container .list li .content .reply .reply-title .open-range img[data-v-cee6607e]{width:18px;height:18px;margin-right:5px;-o-object-fit:contain;object-fit:contain}.observation .container .list li .content .reply .reply-title .open-range p[data-v-cee6607e]{margin-right:20px;color:#464c5b;font-size:18px}.observation .container .list li .content .reply .reply-title .open-range p[data-v-cee6607e]:last-child{color:#80838e;font-size:18px;margin-right:0}.observation .container .list li .content .reply .reply-circle[data-v-cee6607e]{padding-top:30px}.observation .container .list .page[data-v-cee6607e]{margin-top:20px;text-align:end}