.subform { padding: 20px 30px; .title { // height: 72px; font-size: 36px; font-weight: bold; margin: 0 auto 30px; text-align: center; } .formItem { position: relative; display: flex; // align-items: center; align-items: flex-start; font-size: 28px; padding: 10px 0; .formName { white-space: nowrap; display: flex; align-items: center; } .formValue { // text-align: right; flex: 1; display: flex; flex-flow: row nowrap; align-items: center; // justify-content: flex-end; picker { flex: 1; margin-left: 20px; } .button { font-size: 22px; padding: 0 10px; } .time { flex: 1; font-size: 28px; // color: #bfbdbd; .timeContent { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; // justify-content: flex-end; // flex-flow: column nowrap; // align-items: flex-end; // justify-content: center; } } .formValueText { display: block; width: 452px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .formValues { display: flex; flex: 1; flex-flow: row nowrap; .at-textarea { margin-left: 20px; } .at-textarea__textarea { font-size: 28px; } } .formValueremarks { display: flex; flex: 1; // flex-wrap: wrap; // margin-left: 20px; // justify-content: flex-end; word-break: break-all; } .tbt { position: absolute; right: -30px; top: 0; font-size: 20px; padding: 15px; color: #fff; background: #ff4d4f; border-bottom-left-radius: 100px; border-top-left-radius: 100px; } } .formTitle { font-size: 32px; font-weight: bold; border-top: 1px solid #eae8e8; padding: 20px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; .ftBottom { margin: 0; } } .operation { display: flex; flex-flow: row nowrap; margin: 30px 0; } .select { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; font-size: 28px; color: #fff; background: #6190E8; margin: 40px auto; padding: 20px; border-radius: 20px; } .unobstructedList { .noAccout { border: 1px solid #eae8e8; border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 30px 0; .nbt { color: #6190E8; } } } .unItem { width: 690px; position: relative; background: rgba(0, 51, 255, .09); padding: 20px 30px; margin: 15px 0 20px -30px; // border-bottom: 1px dashed #000; .formItem { display: flex; font-size: 28px; padding: 10px 0; align-items: baseline; .formName { // min-width: 150px; // margin-right: 16px; white-space: nowrap; display: flex; } .formValues { display: flex; flex: 1; } .formValue { flex: 1; display: flex; flex-flow: row nowrap; align-items: center; // justify-content: flex-end; .ftxt { // width: 40%; text-align: right; } } } } .inputFormItem { display: flex; align-items: center; justify-content: space-between; font-size: 28px; .close { font-size: 26px; background: red; color: #fff; padding: 10px; border-radius: 8px; margin-right: 20px; } .at-input input { font-size: 28px; } .at-input { width: 100%; margin-left: 0; padding: 10px 0; .at-input__title { font-size: 28px; color: #000000; } .at-input__input { font-size: 28px; } } .at-input::after { border: 0; } } .inputFormItems { display: flex; align-items: center; justify-content: space-between; font-size: 28px; .close { font-size: 26px; background: red; color: #fff; padding: 10px; border-radius: 8px; margin-right: 20px; } .at-input input { font-size: 28px; } .at-input { width: 70%; margin-left: 0; padding: 15px 0; .at-input__title { font-size: 28px; color: #000000; } .at-input__input { font-size: 28px; } } .at-input::after { border: 0; } } .tips { color: #ff0000; font-size: 20px; margin-left: 20px; } .bottom { width: 60%; padding: 30px 0; margin: 0 auto; } } .at-modal__container { width: 710px; } .modal { // min-height: 400px; .picker { display: flex; flex-direction: row; align-items: center; margin: 25px 0 20px; .ptit { display: flex; flex-direction: row; margin-right: 16px; width: 172px; font-size: 28px; line-height: 1.5; vertical-align: middle; text-align: left; } picker { width: 70%; } } .at-input input { font-size: 28px; } .at-input { width: 100%; margin-left: 0; padding: 15px 0; .at-input__title { font-size: 28px; color: #000000; } .at-input__input { font-size: 28px; } } .at-input::after { border: 0; } .pub { display: flex; flex-direction: row; align-items: center; padding: 15px 0; // margin: 25px 0 20px; .ptit { display: flex; flex-direction: row; margin-right: 16px; width: 172px; font-size: 28px; line-height: 1.5; vertical-align: middle; text-align: left; } .ptxt { width: 70%; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; .pin { text-align: center; border-bottom: 1px solid #eae8e8; } .pick { display: flex; flex-direction: row; flex-wrap: nowrap; // font-size: 28px; .ptime { text-align: center; border-bottom: 1px solid #eae8e8; } } .ricon { width: 200px; height: 20px; } } } } .at-image-picker__remove-btn{ display: none; }