.transfer-h5 { width: 100%; height: 92%; display: flex; flex-direction: column; } .transfer-h5-wechat { width: 100vw; height: 100vh; } .transfer-h5-header { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 18px; padding: 16px 18px; } .transfer-h5-header .space, .transfer-h5-header .icon { width: 18px; height: 18px; } .transfer-h5 .main { flex: 1; flex-direction: column; width: auto; height: auto; border-radius: 0; border: none; box-shadow: none; max-height: calc(100% - 50px); padding: 0; } .transfer-h5 .main .avatar { border-radius: 5px; } .transfer-h5 .main .left { padding: 0; flex: 1; border: none; display: flex; flex-direction: column; } .transfer-h5 .main .left .transfer-header { position: sticky; top: 0; padding: 0 18px; } .transfer-h5 .main .left .transfer-header input { border-radius: 5px; font-size: 14px; } .transfer-h5 .main .left-uniapp-input { height: 36px; } .transfer-h5 .main .right { flex: 0; flex-direction: row; align-items: center; box-shadow: inset 0 1px 0 0 #EEE; padding: 8px 18px; } .transfer-h5 .main .right .transfer-list { flex-direction: row; width: 0; } .transfer-h5 .main .right .transfer-list-item-content { flex: none; } .transfer-h5 .main .right .transfer-right-footer { padding: 6px 0; display: flex; align-items: center; } .transfer-h5 .main .right .transfer-right-footer .btn { font-size: 14px; }