.circle-details-wrap[data-v-c215a9ba]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:20px 10px;box-sizing:border-box}.circle-details-wrap .left-box[data-v-c215a9ba]{width:182px;background:#fff;border-radius:4px}.circle-details-wrap .left-box .title[data-v-c215a9ba]{margin:0;padding:10px 16px;line-height:26px;font-size:22px;font-weight:500;color:#000}.circle-details-wrap .left-box .left-menu .left-menu-item[data-v-c215a9ba]{position:relative;padding:8px 16px;border-radius:2px;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.circle-details-wrap .left-box .left-menu .left-menu-item[data-v-c215a9ba]:hover{color:#415fff;background-color:rgba(65,95,255,.1)}.circle-details-wrap .left-box .left-menu .left-menu-item.active[data-v-c215a9ba]{color:#415fff;font-weight:700}.circle-details-wrap .middle-box[data-v-c215a9ba]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 10px;box-sizing:border-box}.circle-details-wrap .middle-box .send-box[data-v-c215a9ba]{padding:20px 20px 10px;margin-bottom:10px;background:#fff;border-radius:4px}.circle-details-wrap .middle-box .send-box .send-content[data-v-c215a9ba]{margin-bottom:10px}.circle-details-wrap .middle-box .send-box .send-content[data-v-c215a9ba] textarea{padding:10px!important}.circle-details-wrap .middle-box .send-box .tool-box[data-v-c215a9ba]{display:flow-root}.circle-details-wrap .middle-box .send-box .tool-box button[data-v-c215a9ba]{float:right}.circle-details-wrap .middle-box .middle-menu[data-v-c215a9ba]{background:#fff;border-radius:4px}.circle-details-wrap .middle-box .middle-menu .menu-item[data-v-c215a9ba]{vertical-align:top;width:12.5%;display:inline-block;font-size:1rem;height:44px}.circle-details-wrap .middle-box .middle-menu .menu-item .menu-text[data-v-c215a9ba]{width:100%;padding:5px;line-height:34px;text-align:center;cursor:pointer;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap}.circle-details-wrap .middle-box .middle-menu .menu-item .menu-text[data-v-c215a9ba]:hover{color:#415fff;background-color:rgba(65,95,255,.1)}.circle-details-wrap .middle-box .middle-menu .menu-item .menu-text.active[data-v-c215a9ba]{color:#415fff;font-weight:700}.circle-details-wrap .middle-box .dynamic-list[data-v-c215a9ba]{min-height:300px}.circle-details-wrap .middle-box .dynamic-list .dynamic[data-v-c215a9ba]{box-sizing:border-box;border-radius:4px;margin:10px 0;background:#fff;padding:20px 20px 0}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-user-info[data-v-c215a9ba]{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-user-info .el-image[data-v-c215a9ba]{width:50px;height:50px;border-radius:50%}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-user-info .el-image[data-v-c215a9ba]:before{border:1px solid rgba(0,0,0,.05);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:9}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-user-info .user[data-v-c215a9ba]{margin-left:10px}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-user-info .user .username[data-v-c215a9ba]{margin-bottom:4px;margin-top:4px;font-weight:bolder}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-user-info .user .send-time[data-v-c215a9ba]{font-size:12px;color:#999}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-content[data-v-c215a9ba]{width:-webkit-calc(100% - 60px);width:calc(100% - 60px);padding-left:60px}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-content .dynamic-text[data-v-c215a9ba]{word-wrap:break-word}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-content .dynamic-image[data-v-c215a9ba]{margin-top:10px}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-content .dynamic-image .el-image[data-v-c215a9ba]{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;width:33.33333%;border-radius:8px;min-width:132px;min-height:132px}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-content .dynamic-image .el-image img[data-v-c215a9ba]{padding-left:.25rem;padding-top:.25rem}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-btn-list[data-v-c215a9ba]{background:#fff;text-align:center}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-btn-list .dynamic-btn[data-v-c215a9ba]{width:33.3333%;display:inline-block;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;padding:0;color:grey;line-height:40px;height:auto;cursor:pointer}.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-btn-list .active[data-v-c215a9ba],.circle-details-wrap .middle-box .dynamic-list .dynamic .dynamic-btn-list .dynamic-btn[data-v-c215a9ba]:hover{color:#415fff}.circle-details-wrap .middle-box .dynamic-list .dynamic .comment[data-v-c215a9ba]{padding-bottom:1px;padding-top:10px;padding-left:60px}.circle-details-wrap .right-box[data-v-c215a9ba]{border-radius:4px;width:282px;min-height:300px}.circle-details-wrap .right-box .circle-info[data-v-c215a9ba]{background:#fff;margin-bottom:10px;width:100%;border-radius:4px}.circle-details-wrap .right-box .circle-info .board-info[data-v-c215a9ba]{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:15px 20px;box-sizing:border-box}.circle-details-wrap .right-box .circle-info .board-info .el-image[data-v-c215a9ba],.circle-details-wrap .right-box .circle-info .board-info[data-v-c215a9ba]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden}.circle-details-wrap .right-box .circle-info .board-info .el-image[data-v-c215a9ba]{font-size:86px;width:86px;height:86px;border-radius:18px;-o-object-fit:cover;object-fit:cover;margin:10px 30px 15px}.circle-details-wrap .right-box .circle-info .board-info .el-image img[data-v-c215a9ba]{height:100%;width:100%}.circle-details-wrap .right-box .circle-info .board-info .circle-name[data-v-c215a9ba]{width:100%;text-align:center;font-size:18px;font-weight:700;z-index:1;padding:0 20px}.circle-details-wrap .right-box .circle-info .board-info .circle-introduction[data-v-c215a9ba]{font-size:15px;margin:10px 0;color:rgba(0,0,0,.45)}.circle-details-wrap .right-box .circle-info .board-info .el-button[data-v-c215a9ba]{display:block;margin:10px auto 0;width:120px;height:40px;border-radius:20px;font-size:16px;color:#fff;text-align:center;border:none;text-shadow:unset!important;box-shadow:unset!important}.circle-details-wrap .right-box .circle-info .count-bar[data-v-c215a9ba]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px 20px}.circle-details-wrap .right-box .circle-info .count-bar div[data-v-c215a9ba]{padding-top:3px;text-align:center;width:45%;font-size:24px;color:rgba(0,0,0,.8);line-height:20px}.circle-details-wrap .right-box .circle-info .count-bar div span[data-v-c215a9ba]{margin-top:7px;font-size:14px;color:rgba(0,0,0,.5);display:block}.send-content textarea{padding:10px}