.base-font-style() { font-family: "Microsoft YaHei"; font-style: normal; font-size: 14px; color: #1E1E1E; line-height: 20px; } .invoice-examination-modal-wrapper { .modal-dialog { width: 1300px; .modal-content { width: 1300px; .modal-title { font-family: 'Arial Bold', 'Arial'; font-weight: 700; font-style: normal; font-size: 16px; color: #CC0000; line-height: 20px; } .modal-body { width: 100%; height: 590px; max-height: 590px; overflow-y: auto; .left-container { width: 50%; height: 800px; float: left; .top-container { width: 100%; height: 50%; .pic-file-title { .base-font-style; } .pic-file-wrapper { width: 100%; height: calc(~"100% - 20px"); background: url('TestInvoice.JPG'); background-size: contain; background-repeat: no-repeat; } } .bottom-container { width: 100%; height: 50%; margin-top:15px; .elec-file-title { .base-font-style; } .elec-file-wrapper { width: 100%; height: calc(~"100% - 20px"); } } } .right-container { width: 50%; height: 800px; float: right; .red-tip { color: #F00; } .label-title-style { .base-font-style; } .input-tips { font-family: Arial; font-weight: 400; font-style: normal; font-size: 12px; margin-top: -10px; } .company-costcenter-wrapper { height: 300px; .company-code-wrapper { width: 40%; float: left; .company-code-title { line-height: 40px; } .company-code-select { font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 12px; line-height: 18px; span { color: #DC6900; } } } .middle-column { width: 20%; height: 100%; float: left; background-image: url(../../../../app-resources/images/vat/exchange.png); background-size: auto; background-repeat: no-repeat; background-position: center center; } .cost-center-wrapper { width: 40%; float: right; .cost-center-title { line-height: 40px; } .cost-center-select { font-family: "Microsoft YaHei"; font-weight: 400; font-style: normal; font-size: 12px; line-height: 18px; span { color: #DC6900; } } } } #forceTaxCheckboxCSSP { width: 100px !important; } } } } } }