.activityTable1 { background-color: #E6E6FA; border-collapse: separate; border-spacing: 0 5px; /* 调整第二个值来控制行之间的间隔大小 */ } .activityTable1 th { font-weight: bold; text-align: right; vertical-align: middle; } .activityTable2 { background-color: rgb(220, 220, 220); border-collapse: separate; border-spacing: 0 5px; /* 调整第二个值来控制行之间的间隔大小 */ } .activityTable2 th { font-weight: bold; text-align: right; vertical-align: middle; } .activityTable3 { background-color: rgb(199, 255, 183); border-collapse: separate; border-spacing: 0 5px; /* 调整第二个值来控制行之间的间隔大小 */ } .activityTable3 th { font-weight: bold; text-align: right; vertical-align: middle; } .activityTable4 { /* width: 90%; */ background-color: rgb(199, 255, 183); border-collapse: separate; border-spacing: 0 5px; /* 调整第二个值来控制行之间的间隔大小 */ } .activityTable4 th { font-weight: bold; text-align: right; vertical-align: middle; } .centered-text { display: flex; justify-content: center; align-items: center; } .centerRight-text { display: flex; justify-content: flex-end; align-items: center; } .required-symbol { color: red; font-size: 12px; font-weight: bold; display: inline-block; width: 7px; /* margin-right: 4px; */ } /* :host::shadow lightning-input input { padding-left: 12px; padding-right: 12px; } */ .container { position: relative; } .mask { position: absolute; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } th ,span{ white-space: nowrap; } /* 2023-12-25 Add by Du Start 产品显示页面 */ .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色遮罩 */ z-index: 999; /* 使遮罩位于其他元素之上 */ } .modal { position: fixed; top: 50%; left: 50%; height: 400px; transform: translate(-50%, -50%); background-color: white; padding: 20px; border: 1px solid #ccc; z-index: 1000; } /* 2023-12-25 Add by Du End 产品显示页面 */