.publicContent { padding: 20px; .formItem { display: flex; align-items: center; font-size: 30px; padding-bottom: 28px; .formName { white-space: nowrap; display: flex; align-items: center; .formNameTips { color: #ff0000; font-size: 20px; padding-left: 10px; } .tips { color: #ff0000; font-size: 20px; padding-bottom: 20px; } } .formValue { text-align: right; flex: 1; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; .time { flex: 1; font-size: 30px; color: #bfbdbd; .timeContent { display: flex; flex-flow: column nowrap; align-items: flex-end; justify-content: center; } } .formValueText { display: block; width: 452px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } } .formItems { display: flex; flex-direction: row; align-items: flex-start; font-size: 30px; padding-bottom: 28px; .formNames { white-space: nowrap; display: flex; align-items: center; .formNameTips { color: #ff0000; font-size: 20px; padding-left: 10px; } .tips { color: #ff0000; font-size: 20px; padding-bottom: 20px; } } .formValues { display: flex; flex-direction: row; flex-wrap: wrap; .fitems { margin-left: 20px; margin-bottom: 20px; display: flex; flex-direction: row; position: relative; padding-right: 40px; .fclose { position: absolute; right: 0; top: -20px; } } .addbuttom { font-size: 20px; padding: 0 10px; margin-left: 20px; } } } .tips { font-size: 20px; text-align: left; color: #f00; } .operation { display: flex; flex-flow: row nowrap; } }