1 line
2.2 KiB
CSS
1 line
2.2 KiB
CSS
.reoprtManager[data-v-a6efde02]{padding-left:16px;padding-top:8px;display:flex;flex-flow:row wrap;height:calc(100vh - 210px);align-content:flex-start;overflow:auto}.reoprtManager .report[data-v-a6efde02]{width:calc(50vw - 152px);height:456px;background:#fff;border-radius:4px;margin:0 16px 16px 0;position:relative}.reoprtManager .report .reportBox[data-v-a6efde02]{margin:auto;width:685px}.reoprtManager .report .imgBox[data-v-a6efde02]{display:inline-block;width:445px;height:100%;padding-top:80px}.reoprtManager .report .imgBox img[data-v-a6efde02]{width:355px;height:314px}.reoprtManager .report .numBox[data-v-a6efde02]{position:absolute;display:inline-block;height:100%;top:120px}.reoprtManager .reportDesc[data-v-a6efde02]{position:relative;width:calc(25vw - 84px);height:456px;background:#fff;border-radius:4px;text-align:center;padding-top:120px;margin:0 16px 16px 0}.reoprtManager .reportNum .num[data-v-a6efde02]{display:inline-block;font-size:80px;font-weight:600;color:#161616;margin-right:18px}.reoprtManager .reportNum .text[data-v-a6efde02]{display:inline-block;text-align:left}.reoprtManager .reportNum .text .font[data-v-a6efde02]{font-size:18px;letter-spacing:2px;margin-bottom:5px}.reoprtManager .reportNum .text .font img[data-v-a6efde02]{vertical-align:middle}.reoprtManager .reportNum .text .font .title[data-v-a6efde02]{display:inline-block;vertical-align:middle;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reoprtManager .reportNum .text .letter[data-v-a6efde02]{padding-left:4px;font-size:32px;font-weight:300}.reoprtManager .detail[data-v-a6efde02]{position:absolute;width:200px;height:30px;font-size:14px;line-height:30px;text-align:center;color:#fff;background:#0b58ff;border-radius:4px;cursor:pointer}.reoprtManager .detail1[data-v-a6efde02]{position:absolute;bottom:200px}.reoprtManager .detail2[data-v-a6efde02]{position:absolute;bottom:80px;right:calc(12.5vw - 142px)}@media only screen and (max-width:1600px){.reoprtManager .report .reportBox[data-v-a6efde02]{width:550px}.reoprtManager .report .imgBox[data-v-a6efde02]{width:320px;height:100%}.reoprtManager .report .imgBox img[data-v-a6efde02]{width:300px;height:314px}.reoprtManager .report .numBox[data-v-a6efde02]{height:100%;top:120px}} |