.rotate(@degrees) { -webkit-transform: rotate(@degrees); -ms-transform: rotate(@degrees); -o-transform: rotate(@degrees); transform: rotate(@degrees); } .report-container { width: 595px; margin: auto; line-height: 1.5; font-size: 14px; color: #333; .export { position: fixed; top: 10%; right: 20%; z-index: 2; &.ant-btn.ant-btn-loading { position: fixed; } } } .report-title { text-align: center; font-size: 20px; font-weight: bold; } .report-subtitle { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .report-page { height: 842px; padding: 5px 50px 25px; position: relative; p { margin: 4px 0; } .ant-table-wrapper { margin-bottom: 12px; } &:before { content: ''; position: absolute; top: 40%; left: 34%; width: 200px; height: 100px; opacity: 0.2; .rotate(330deg); background-repeat: no-repeat; background-size: contain; background-image: url('../../../../image/logo-2.png') no-repeat; } } .report-info { margin: 115px 0; .ant-row { margin: 4px 0; } } .report-announce { position: absolute; bottom: 30px; left: 0; width: 100%; color: #999; text-align: center; font-size: 12px; } .report-pageno { position: absolute; bottom: 6px; left: 0; width: 100%; color: #999; text-align: center; font-size: 12px; }