.subform { padding: 20px 30px; .title { font-size: 36px; font-weight: bold; margin: 0 auto 30px; text-align: center; } .formItem { 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: column; // align-items: center; // flex-wrap: nowrap; // flex-flow: column nowrap; // align-items: flex-end; // justify-content: center; } .seltime { color: #333; opacity: 0.3; } } .formValueText { display: block; width: 452px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .fdeduction { display: flex; flex-direction: row; align-items: center; .fclose { position: absolute; right: 30px; font-size: 26px; background: red; color: #fff; padding: 10px; border-radius: 8px; } } } .formValues { display: flex; flex: 1; flex-flow: row nowrap; .at-textarea { // margin-left: 20px; } .at-textarea__textarea { font-size: 28px; } } .formValueremarks { border: 1px solid red; display: flex; flex: 1; // flex-wrap: wrap; // margin-left: 20px; // justify-content: flex-end; word-break: break-all; } } .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; .edit { position: absolute; top: 20px; right: 20px; font-size: 26px; background: rgb(97, 144, 232); color: #fff; padding: 10px; border-radius: 8px; } .close { position: absolute; bottom: 20px; right: 30px; font-size: 26px; background: red; color: #fff; padding: 10px; border-radius: 8px; } .formItem { display: flex; font-size: 28px; padding: 10px 0; align-items: baseline; .formName { white-space: nowrap; } .formValues { display: flex; flex: 1; } .formValue { flex: 1; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; .ftxt { font-size: 28px; // width: 40%; // text-align: center; } .ricon { width: 100px; height: 20px; margin: 0 10px; } } .formValuetime { flex: 1; display: flex; flex-direction: row; align-items: center; } } } .inputFormItem { display: flex; align-items: center; // justify-content: space-between; font-size: 28px; .at-input__title { width: auto; margin-right: 0; } .close { font-size: 26px; background: red; color: #fff; padding: 10px; border-radius: 8px; margin-right: 20px; } .at-input input { font-size: 28px; // text-align: right; } .at-input__input { padding-right: 0; } .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; margin: 5px 0; .formName { // min-width: 160px; } .close { font-size: 26px; background: red; color: #fff; padding: 10px; border-radius: 8px; } .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; } .icons { width: 200px; height: 40px; } } } }