.header[data-v-df284426]{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.title_item[data-v-df284426]{display:flex;flex-direction:row}.title_item p[data-v-df284426]{height:21px!important;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:32px;color:#333;opacity:1;margin:0}.blueLine[data-v-df284426]{width:4px;height:32px;background:var(--normal);opacity:1;margin-right:16px}.body[data-v-df284426]{width:100%;height:664px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.body .left[data-v-df284426]{width:1182px;height:100%}.body .right[data-v-df284426]{width:424px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.body .right .top[data-v-df284426]{width:100%;height:445px;border:1px solid #ccc;margin-bottom:16px;display:flex;flex-direction:column;padding:16px}.body .right .top .piebox[data-v-df284426]{width:100%;height:406px}.body .right .bottom[data-v-df284426]{width:100%;height:224px;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.body .right .bottom .first[data-v-df284426]{width:392px;height:64px;background-color:#f4f8ff;border-radius:10px;margin-top:16px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 16px}.body .right .bottom .first .img[data-v-df284426]{margin-right:16px}.body .right .bottom .box23[data-v-df284426]{width:392px;display:flex;flex-direction:row;justify-content:space-between;margin-top:16px}.body .right .bottom .second[data-v-df284426]{width:188px;height:64px;background-color:#f4f8ff;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:16px}.body .right .bottom .img[data-v-df284426]{width:40px;height:50px}.body .right .bottom .name[data-v-df284426]{width:115px;font-size:12px;color:rgba(0,0,0,.8);line-height:28px;height:28px;text-align:left}.body .right .bottom .num[data-v-df284426]{min-width:85px;font-size:16px;color:rgba(0,0,0,.8);line-height:28px;height:28px;text-align:left}.body .right .bottom .unit[data-v-df284426]{min-width:40px;font-size:12px;color:hsla(0,0%,40%,.8);line-height:28px;height:28px;text-align:right;margin-left:5px}.details[data-v-df284426]{color:var(--normal);text-decoration:underline;cursor:pointer}.changeRoom[data-v-df284426]{width:100%;display:flex;flex-direction:column;padding:16px 0}.changeRoom .recordBox[data-v-df284426]{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px}.Position[data-v-df284426]{width:100%;height:500px;position:relative}.Position .changeR[data-v-df284426]{width:100%;position:absolute}.chartcontainer{display:grid;grid-template-rows:36px 1fr;row-gap:16px}.data--content--chart{padding:16px;border:1px solid var(--text-colorc);border-radius:2px;flex:1}.data--content--chart .chart{display:grid;grid-template-columns:1074px 510px;grid-template-rows:494px}.data--content--chart .chart .bar{width:100%;height:494px}.data--content{display:flex;flex:1;flex-direction:column;height:714px}[data-v-d45b997e] .choose{flex:0 0 auto}