.page[data-v-af8f15fc]{min-height:722px;background:#fff;margin-top:12px;font-size:14px;padding:20px;display:flex}.page .shu[data-v-af8f15fc]{height:684px;width:1px;background:#d8d8d8;margin:auto 0}.page .pageL[data-v-af8f15fc]{min-width:513px;padding-right:20px}.page .pageL .view[data-v-af8f15fc]{display:flex}.page .pageL .view .viewR[data-v-af8f15fc]{margin-left:20px;flex:1}.page .pageL .view .viewR .petName[data-v-af8f15fc]{display:flex;align-items:center;margin-bottom:28px}.page .pageL .view .avatar-uploader .el-upload[data-v-af8f15fc]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.page .pageL .view .avatar-uploader .el-upload[data-v-af8f15fc]:hover{border-color:#409eff}.page .pageL .view .avatar-uploader-icon[data-v-af8f15fc]{border:1px dashed #d9d9d9;width:92px;height:92px;line-height:92px;text-align:center;color:#8c939d}.page .pageL .view .avatar[data-v-af8f15fc]{width:92px;height:92px;display:block;-o-object-fit:cover;object-fit:cover}.page .pageR[data-v-af8f15fc]{flex:1;padding-left:20px;position:relative}.page .btn[data-v-af8f15fc]{position:absolute;width:155px;background:#f5882a;line-height:40px;text-align:center;color:#fff;right:0;bottom:0;cursor:pointer}.page .pageTitle[data-v-af8f15fc]{line-height:22px;font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.page .com1[data-v-af8f15fc]{display:flex;justify-content:space-between}.page .com1 .comL[data-v-af8f15fc]{display:flex;align-items:center}.page .com1 .comR[data-v-af8f15fc]{display:flex;align-items:center}.page .com2[data-v-af8f15fc]{display:flex;justify-content:space-between;margin-top:17px}.page .com2 .comL[data-v-af8f15fc]{flex:1;margin-right:38px;display:flex;align-items:center}.page .com2 .comR[data-v-af8f15fc]{flex:1;display:flex;align-items:center}.page .com3[data-v-af8f15fc]{display:flex;margin-top:17px;align-items:center}.page .com4[data-v-af8f15fc]{display:flex;margin-top:17px}.page .colon[data-v-af8f15fc]{margin-right:8px}.page .comName[data-v-af8f15fc]{height:100%;min-width:70px;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.page .comName2[data-v-af8f15fc]{min-width:70px;text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.page[data-v-6412229e]{min-height:734px;margin-top:12px;font-size:14px}.page .filter[data-v-6412229e]{height:58px;display:flex;align-items:center;background:#fff}.page .filter .sousuo[data-v-6412229e]{width:153px;margin-right:4px;margin-left:16px}.page .filter .filterName[data-v-6412229e]{margin-left:20px;margin-right:4px}.page .topBox[data-v-6412229e]{background:#fff;margin-bottom:10px;padding:20px}.page .topBox .row_box[data-v-6412229e]{margin:10px}.page .topBox .row_box .title_name[data-v-6412229e]{text-align:left;display:inline-block;width:60px}.page[data-v-5768a952]{min-height:734px;background:#fff;margin-top:12px;font-size:14px;position:relative}.page .addBtn[data-v-5768a952]{position:absolute;right:12px;top:12px}.page .comView[data-v-5768a952]{padding:18px 16px}.page .comView .comName[data-v-5768a952]{display:flex;align-items:center;margin-bottom:16px}.page .comView .comName div[data-v-5768a952]{width:240px;margin-right:10px}.page .comView .comTitle[data-v-5768a952]{margin-bottom:16px}.page .comView .comImg[data-v-5768a952]{display:flex;margin-bottom:16px}.page .line[data-v-5768a952]{width:100%;height:1px;background:#f2f2f2}.page .sx[data-v-5768a952]{height:100%;display:flex;flex-direction:column;justify-content:space-between}.page .sx .comWrap[data-v-5768a952]{padding:20px;font-size:12px;color:#666;line-height:20px}.page .sx .comWrap .draDate[data-v-5768a952]{display:flex;align-items:center;margin-bottom:20px}.page .sx .comWrap .draRemark[data-v-5768a952]{display:flex;margin-top:20px}.page .sx .comWrap .draCom[data-v-5768a952]{display:flex}.page .sx .comWrap .draCom .avatar-uploader .el-upload[data-v-5768a952]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.page .sx .comWrap .draCom .avatar-uploader .el-upload[data-v-5768a952]:hover{border-color:#409eff}.page .sx .comWrap .draCom .avatar-uploader-icon[data-v-5768a952]{font-size:28px;color:#8c939d;width:56px;height:56px;line-height:56px;text-align:center}.page .sx .comWrap .draCom .avatar[data-v-5768a952]{width:56px;height:56px;display:block;-o-object-fit:cover;object-fit:cover}.page .sx .imgView[data-v-5768a952]{flex:1}.page .sx .imgView .imgItem[data-v-5768a952]{position:relative;width:56px;height:56px;margin-right:20px;margin-bottom:20px;float:left}.page .sx .imgView .imgItem img[data-v-5768a952]{width:100%;height:100%}.page .sx .imgView .imgItem .closeBtn[data-v-5768a952]{width:20px;height:20px;display:block;color:red;position:absolute;top:-10px;right:-10px;font-size:20px;z-index:5}.page .sx .sxBtn[data-v-5768a952]{height:40px;display:flex;cursor:pointer;font-size:14px;color:#fff;line-height:40px;text-align:center}.page .sx .sxBtn div[data-v-5768a952]:first-of-type{flex:1;background:#e1e9fb;color:#467eff}.page .sx .sxBtn div[data-v-5768a952]:nth-of-type(2){flex:1;background:#467eff}.page[data-v-567167f5]{min-height:734px;margin-top:12px;font-size:14px}.page .filter[data-v-567167f5]{height:58px;display:flex;align-items:center;background:#fff}.page .filter .sousuo[data-v-567167f5]{width:153px;margin-right:4px;margin-left:16px}.page .filter .filterName[data-v-567167f5]{margin-left:20px;margin-right:4px}.page[data-v-525d042d]{min-height:734px;background:#fff;margin-top:12px;font-size:14px}.page[data-v-f65b1ff4]{min-height:734px;background:#fff;margin-top:12px;font-size:14px}.page[data-v-cbaf433e]{min-height:734px;margin-top:12px;font-size:14px;display:flex}.page .pageL[data-v-cbaf433e]{width:326px;display:flex;flex-direction:column;margin-right:12px}.page .pageL .pageLT[data-v-cbaf433e]{height:369px;background:#fff;margin-bottom:12px;border-radius:4px}.page .pageL .pageLT .dateSpan[data-v-cbaf433e]{width:100%;line-height:35px;text-align:center;display:flex;justify-content:center;align-items:center}.page .pageL .pageLT .dateView[data-v-cbaf433e]{width:100%;height:100%;position:relative}.page .pageL .pageLT .dateView .circle1[data-v-cbaf433e]{width:4px;height:4px;position:absolute;left:0;right:0;bottom:4px;background:#00db1e;border-radius:50%;margin:0 auto}.page .pageL .pageLT .dateView .circle2[data-v-cbaf433e]{width:4px;height:4px;position:absolute;left:0;right:0;bottom:4px;background:#ff3400;border-radius:50%;margin:0 auto}.page .pageL .pageLT .dateView .circle3[data-v-cbaf433e]{width:4px;height:4px;position:absolute;left:0;right:0;bottom:4px;background:#ffd100;border-radius:50%;margin:0 auto}.page .pageL .pageLT .dateView .circle4[data-v-cbaf433e]{width:0;height:0}.page .pageL .pageLT .dateView .weekImg[data-v-cbaf433e]{width:5px;height:5px;position:absolute;left:0;top:0}.page .pageL .pageLT .dateView .monthImg[data-v-cbaf433e]{width:5px;height:5px;position:absolute;right:0;top:0}.page .pageL .pageLT .taskView[data-v-cbaf433e]{display:flex;align-items:center;padding:0 20px}.page .pageL .pageLT .taskView .month[data-v-cbaf433e],.page .pageL .pageLT .taskView .week[data-v-cbaf433e]{display:flex;align-items:center}.page .pageL .pageLT .taskView img[data-v-cbaf433e]{width:10px;height:10px;margin-right:2px}.page .pageL .pageLT .taskView .day[data-v-cbaf433e],.page .pageL .pageLT .taskView .noNormarl[data-v-cbaf433e],.page .pageL .pageLT .taskView .normal[data-v-cbaf433e]{display:flex;align-items:center;margin-right:10px}.page .pageL .pageLT .taskView .normal div[data-v-cbaf433e]:first-of-type{width:10px;height:10px;border-radius:100%;background:#00db1e;margin-right:2px}.page .pageL .pageLT .taskView .noNormarl div[data-v-cbaf433e]:first-of-type{width:10px;height:10px;border-radius:100%;background:#ff3400;margin-right:2px}.page .pageL .pageLT .taskView .day div[data-v-cbaf433e]:first-of-type{width:10px;height:10px;border-radius:100%;background:#ffd100;margin-right:2px}.page .pageL .pageLB[data-v-cbaf433e]{height:354px;background:#fff;overflow-y:scroll}.page .pageL .pageLB[data-v-cbaf433e]::-webkit-scrollbar{display:none}.page .pageR[data-v-cbaf433e]{flex:1;height:734px;background:#fff}.page .pageR .tabView[data-v-cbaf433e]{display:flex;justify-content:space-between;height:44px;border-bottom:1px solid #f2f2f2}.page .pageR .tabView .tabViewL[data-v-cbaf433e]{display:flex;margin-left:20px}.page .pageR .tabView .tabViewL .tab[data-v-cbaf433e]{width:58px;line-height:42px;border-bottom:2px solid #f5882a;margin-right:50px;text-align:center}.page .pageR .tabView .tabViewL .tab1[data-v-cbaf433e]{width:58px;line-height:42px;border-bottom:2px solid #fff;margin-right:50px;text-align:center}.page .pageR .taskView[data-v-cbaf433e]{padding:0 16px}.page .pageR .taskView .taskTab[data-v-cbaf433e]{display:flex;margin:12px 0;font-size:12px}.page .pageR .taskView .taskTab .taskItem[data-v-cbaf433e]{width:89px;height:33px;box-sizing:border-box;border:1px solid #d5e2ff;background:#f7f9ff;text-align:center;border-radius:4px;line-height:33px;margin-right:12px}.page .pageR .taskView .taskTab .taskItemS[data-v-cbaf433e]{width:89px;height:33px;box-sizing:border-box;border:1px solid #f5882a;background:#fff;color:#f5882a;text-align:center;border-radius:4px;line-height:33px;margin-right:12px}.page .pageR .taskView .taskMsg[data-v-cbaf433e]{margin-top:12px}.page .pageR .taskView .taskMsg .taskCom[data-v-cbaf433e]{display:flex;margin-bottom:12px}.page .pageR .taskView .taskMsg .taskBtn[data-v-cbaf433e]{display:flex}.page .pageR .taskView .taskMsg .taskBtn .imgS[data-v-cbaf433e]{display:flex;align-items:center}.page .pageR .taskView .taskMsg .taskBtn .imgS img[data-v-cbaf433e]:first-of-type{width:12px;height:12px;margin-right:10px;margin-left:20px}.page .pageR .taskView .taskMsg .taskBtn .imgS img[data-v-cbaf433e]:nth-of-type(2){width:14px;height:14px}.page .sx[data-v-cbaf433e]{height:100%;display:flex;flex-direction:column;justify-content:space-between}.page .sx .comWrap[data-v-cbaf433e]{padding:20px;font-size:12px;color:#666;line-height:20px}.page .sx .comWrap .draDate[data-v-cbaf433e]{display:flex;align-items:center;margin-bottom:20px}.page .sx .comWrap .draRemark[data-v-cbaf433e]{display:flex;margin-top:20px}.page .sx .comWrap .draCom[data-v-cbaf433e]{display:flex}.page .sx .comWrap .draCom .avatar-uploader .el-upload[data-v-cbaf433e]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.page .sx .comWrap .draCom .avatar-uploader .el-upload[data-v-cbaf433e]:hover{border-color:#409eff}.page .sx .comWrap .draCom .avatar-uploader-icon[data-v-cbaf433e]{font-size:28px;color:#8c939d;width:56px;height:56px;line-height:56px;text-align:center}.page .sx .comWrap .draCom .avatar[data-v-cbaf433e]{width:56px;height:56px;display:block;-o-object-fit:cover;object-fit:cover}.page .sx .imgView[data-v-cbaf433e]{flex:1}.page .sx .imgView .imgItem[data-v-cbaf433e]{position:relative;width:56px;height:56px;margin-right:20px;margin-bottom:20px;float:left}.page .sx .imgView .imgItem img[data-v-cbaf433e]{width:100%;height:100%}.page .sx .imgView .imgItem .closeBtn[data-v-cbaf433e]{width:20px;height:20px;display:block;color:red;position:absolute;top:-10px;right:-10px;font-size:20px;z-index:5}.page .sx .sxBtn[data-v-cbaf433e]{height:40px;display:flex;cursor:pointer;font-size:14px;color:#fff;line-height:40px;text-align:center}.page .sx .sxBtn div[data-v-cbaf433e]:first-of-type{flex:1;background:#e1e9fb;color:#467eff}.page .sx .sxBtn div[data-v-cbaf433e]:nth-of-type(2){flex:1;background:#f5882a}.page[data-v-1fd14642]{min-height:734px;margin-top:12px;font-size:14px}.avatar-uploader .el-upload[data-v-1fd14642]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-1fd14642]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-1fd14642]{border:1px dashed #d9d9d9;width:300px;height:450px;line-height:450px;text-align:center;font-size:30px;color:#8c939d}.avatar[data-v-1fd14642]{width:300px;height:450px;display:block;-o-object-fit:cover;object-fit:cover}.btn[data-v-1fd14642]{margin-top:10px;margin-left:30px;width:98px;line-height:40px;text-align:center;background:linear-gradient(135deg,#5685ff,#3569ff);border-radius:10px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;margin-left:20px}.page[data-v-5a84c0b6]{min-height:734px;background:#fff;margin-top:12px;font-size:30px}.page .Booktitle[data-v-5a84c0b6]{margin-left:20px;font-size:15px;line-height:60px;font-weight:600;border:1px solid #c2c1c1;border-left:none;border-right:none}.page .Box[data-v-5a84c0b6]{padding:40px 80px;display:flex;justify-content:space-between}.page .BookList[data-v-5a84c0b6]{display:flex;align-items:center;margin:20px 0}.page .BookList .BookListName[data-v-5a84c0b6]{font-size:16px;margin-right:20px;width:80px;text-align:right}.page .BookList .el-input[data-v-5a84c0b6]{width:300px!important;float:left!important}.page .btn1[data-v-5a84c0b6]{width:98px;height:40px;line-height:40px;text-align:center;background:linear-gradient(135deg,#5685ff,#3569ff);border-radius:10px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;float:right;margin-bottom:20px}.page .myBook[data-v-5a84c0b6]{width:60%;height:500px;margin:30px auto;border-radius:15px}.page .btn2[data-v-5a84c0b6]{width:98px;line-height:40px;text-align:center;background:linear-gradient(135deg,#5685ff,#3569ff);border-radius:10px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;margin-right:80px;float:right;margin-top:20px}.page[data-v-45cafaa8]{width:100%;height:100%;color:#333}.page .view[data-v-45cafaa8]{background:#fff;height:100%;border-radius:20px;display:flex;flex-direction:column}.page .view .viewT[data-v-45cafaa8]{box-sizing:border-box;height:68px;display:flex;align-items:center;border-bottom:1px solid #f2f2f2;padding:0 20px;justify-content:space-between}.page .view .ViewBox[data-v-45cafaa8]{flex:1;overflow-y:scroll}.page .view .ViewBox .viewnickName[data-v-45cafaa8]{border-top:1px solid grey;padding-top:20px}.page .view .ViewBox .viewnickName span[data-v-45cafaa8]{margin:20px 20px}.page .view .ViewBox .comView[data-v-45cafaa8]{align-items:center;margin:20px;font-size:14px}.page .view .ViewBox .comView .comItem[data-v-45cafaa8]{display:flex;align-items:center;margin:20px 0}.page .view .ViewBox .comView .comItem .comItemImg[data-v-45cafaa8]{display:flex}.page .view .ViewBox .comView .comItem .comItemImg .comItemImg_p[data-v-45cafaa8]{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin:10px 20px}.page .view .ViewBox .comView .comItem .comItemImg img[data-v-45cafaa8]{width:100%;height:100%}.page .view .ViewBox .comView .comItem .comItemName[data-v-45cafaa8]{width:150px;text-align:right;margin-right:8px}.page .view .ViewBox .comView .comItem .comItemName span[data-v-45cafaa8]{color:#ff3939}.page .view .ViewBox .comView .comTxt[data-v-45cafaa8]{color:#666;margin-left:12px}.page .view .ViewBox .comView .comTxt span[data-v-45cafaa8]{color:#f77e04;cursor:pointer}.page .view .viewB[data-v-45cafaa8]{height:68px;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;border-top:1px solid #f2f2f2}.page .view .viewC[data-v-45cafaa8]::-webkit-scrollbar{display:none}.page .upload-cropper-wrap[data-v-45cafaa8]{display:flex;align-items:center;justify-content:center}.page .cropper-upload-box[data-v-45cafaa8]{display:flex}.page .cropper-upload-box .el-upload[data-v-45cafaa8]{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.page .cropper-upload-box .el-upload img[data-v-45cafaa8]{width:90%;max-height:90%}.page[data-v-d196a330]{min-height:734px;margin-top:12px;font-size:14px}.imgItem[data-v-d196a330]{width:500px;height:350px}.avatar-uploader .el-upload[data-v-d196a330]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-d196a330]:hover{border-color:#409eff}.avatar-uploader-icon[data-v-d196a330]{border:1px dashed #d9d9d9;width:300px;height:450px;line-height:450px;text-align:center;font-size:30px;color:#8c939d}.avatar[data-v-d196a330]{width:300px;height:450px;display:block;-o-object-fit:cover;object-fit:cover}.btn[data-v-d196a330]{margin-top:10px;margin-left:30px;width:98px;line-height:40px;text-align:center;background:linear-gradient(135deg,#5685ff,#3569ff);border-radius:10px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;margin-left:20px}.view[data-v-722768ef]{min-height:852px;margin-top:6px;font-family:PingFangSC-Regular,PingFang SC;margin-left:4px;display:flex;flex-direction:column}.view .pet[data-v-722768ef]{display:flex;padding:10px;max-height:62px;border-radius:4px;background:#fff}.view .pet .msg[data-v-722768ef]{flex:1}.view .pet .msg .comMsg[data-v-722768ef]{display:flex;align-items:center;line-height:20px;font-size:14px}.view .pet .msg .comMsg .msgName[data-v-722768ef]{color:#333}.view .pet .msg .comMsg .msgContent[data-v-722768ef]{display:flex;align-items:center;color:#666}.view .pet .msg .comMsg .msgContent .item[data-v-722768ef]{padding:0 8px;border-right:1px solid #f2f2f2}.view .pet .msg .comMsg .msgContent .item[data-v-722768ef]:last-child{border:none}.view .pet .comRight[data-v-722768ef]{display:flex;flex-direction:column;justify-content:space-between;font-size:14px;color:#f5882a;text-align:center}.view .model[data-v-722768ef]{display:flex;flex:1}.view .model .modelLeft[data-v-722768ef]{width:251px;margin-right:12px;margin-top:12px}.view .model .modelLeft .modelItem[data-v-722768ef]{padding:12px 16px 12px 11px;background:#fff;margin-bottom:12px;border-radius:12px;border:1px solid hsla(0,0%,59.2%,.13);box-sizing:border-box;display:flex;align-items:center;font-size:12px}.view .model .modelLeft .modelItem img[data-v-722768ef]:first-of-type{width:40px;height:40px;border-radius:100%;margin-right:12px}.view .model .modelLeft .modelItem img[data-v-722768ef]:nth-of-type(2){width:32px;height:32px}.view .model .modelLeft .modelItem div[data-v-722768ef]{flex:1}.view .model .modelRight[data-v-722768ef]{flex:1}