.dialog-delete { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 9999999; .modalBody { width: 350px; min-height: 220px; background: #fff; border-radius: 8px; padding: 8px 16px; color: #333; display: flex; flex-direction: column; .title { text-align: center; font-size: 18px; position: relative; i { position: absolute; right: 0; top: 0; font-size: 20px; color: #666; cursor: pointer; padding: 0 5px; } } .content { flex: 1; background: #f9fafb; border: 1px solid #e5e9ed; border-radius: 8px; margin-top: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 16px; .defeat{ width: 100%; } & > div { text-align: center; margin: 0; &.icon { i { color: #34b349; font-size: 30px !important; &.transport-wenhao { color: #f5a523; } &.transport-shibai { color: #ff3a52; } } } &.defeat { color: #333; font-size: 16px; span { color: red; } } &.tips { font-size: 14px; } &:nth-child(3) { font-size: 14px; color: #666; } } } .operate { display: flex; justify-content: center; align-items: center; margin-top: 8px; } } // 新增 &.add { .modalBody { width: 480px; height: auto; .content { width: 100%; height: auto; padding: 18px 14px 0 14px; max-height: 497px; overflow-y: auto; .addForm { .ant-form-item { margin-bottom: 15px; .ant-form-item-label { line-height: 14px; text-align: left; } .desc { margin-top: 5px; } } .datesControl { margin-top: -16px; .ant-form-item-label { line-height: 40px; } .datesGroup { margin-left: 125px; } } .timer { // display: inline-block; // width: 50%; .ant-form-item-label { width: 100%; text-align: left; } .numInp { margin-right: 5px; } .line { margin-right: 5px; } } .timer2 { .ant-form-item-label { line-height: 20px; } } } .editForm { .ant-form-item { margin-bottom: 15px; .ant-form-item-label { line-height: 14px; text-align: left; } } } } button { &:nth-child(1) { margin-right: 20px; } } } } }