.recordDetails[data-v-24d7b441]{width:100%;height:calc(100vh - 80px);box-sizing:border-box;padding:20px 30px;overflow-y:auto}.recordDetails .details_header[data-v-24d7b441]{display:flex;justify-content:space-between;align-items:center;width:100%}.recordDetails .details_header .header_status[data-v-24d7b441]{display:flex;font-weight:700;color:#409eff;align-items:center}.recordDetails .details_header .header_status i[data-v-24d7b441]{font-size:25px;font-weight:700}.recordDetails .record_title[data-v-24d7b441]{width:100%;height:40px;border:1px solid #ccc;padding-left:10px;line-height:40px;font-weight:700;border-radius:5px 5px 0 0;margin-top:20px}.recordDetails .firend_info[data-v-24d7b441]{display:flex;align-items:center;width:100%;height:250px;border:1px solid #ccc;border-top:0;border-radius:0 0 5px 5px;box-sizing:border-box}.recordDetails .firend_info .friend_avatar[data-v-24d7b441]{width:130px!important;height:130px!important;margin-left:20px}.recordDetails .firend_info .friend_avatar .el-avatar[data-v-24d7b441]{width:100%!important;height:100%!important;border-radius:50%}.recordDetails .firend_info .friend_avatar img[data-v-24d7b441]{width:100%;height:100%}.recordDetails .firend_info .infos[data-v-24d7b441]{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:40px 40px;justify-content:space-between}.recordDetails .firend_info .infos .info_item[data-v-24d7b441]{display:flex;font-size:20px;justify-content:space-between}.recordDetails .firend_info .infos .info_item div[data-v-24d7b441]{width:600px}.recordDetails .firend_log[data-v-24d7b441]{width:1120px;border-radius:20px;margin-top:20px;border:1px solid #ccc}.recordDetails .firend_log .title_log[data-v-24d7b441]{padding:24px;font-size:20px;font-weight:700}.recordDetails .firend_log .event_list[data-v-24d7b441]{display:flex;flex-direction:column;padding:24px;margin-top:-30px}.recordDetails .firend_log .event_list .event_item[data-v-24d7b441]{display:flex;align-items:center;height:88px;width:100%;margin-top:20px}.recordDetails .firend_log .event_list .event_item .point[data-v-24d7b441]{position:relative;width:10px;height:10px;background-color:#f4ce98;border-radius:50%}.recordDetails .firend_log .event_list .event_item:not(:last-child) .point[data-v-24d7b441]:after{content:"";position:absolute;width:2px;height:105px;background-color:#f4ce98;left:50%;top:5px;transform:translateX(-50%)}.recordDetails .firend_log .event_list .event_item .event_info[data-v-24d7b441]{width:100%;margin-left:20px;padding:20px;border-radius:10px;border:1px solid #ccc}.recordDetails .firend_log .event_list .event_item .event_info .title[data-v-24d7b441]{width:100%;display:flex;justify-content:space-between}.recordDetails .firend_log .event_list .event_item .event_info .status[data-v-24d7b441]{margin-top:10px}