1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- .deposit-container {
- position: relative;
- background-color: #f5f5f5;
- }
- .deposit-container .person-block {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- margin: 24rpx 24rpx 0;
- padding: 24rpx;
- background-color: #fff;
- border-radius: 16rpx;
- }
- .deposit-container .person-block .person-name {
- margin-bottom: 10rpx;
- color: #333;
- font-size: 34rpx;
- font-weight: 500;
- }
- .deposit-container .person-block .person-change {
- color: #1677FF;
- font-size: 24rpx;
- }
- .deposit-container .person-block .person-balance {
- margin-top: 16rpx;
- color: #FF6430;
- font-size: 24rpx;
- }
- .deposit-container .person-block .person-info {
- color: #999;
- font-size: 24rpx;
- }
- .deposit-container .detail-block {
- padding: 24rpx;
- background-color: #fff;
- border-radius: 16rpx;
- margin: 16px 24rpx 0;
- }
- .deposit-container .detail-block .person-name {
- font-size: 32rpx;
- color: #333;
- font-weight: 600;
- }
- .deposit-container .detail-block .money-block {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-between;
- width: 100%;
- padding: 24rpx 0 16rpx;
- }
- .deposit-container .detail-block .money-block .money-block-select {
- width: 207rpx;
- height: 140rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-bottom: 16rpx;
- font-size: 42rpx;
- background-color: #F5F5F5;
- letter-spacing: 2rpx;
- color: #333;
- border-radius: 8rpx;
- }
- .deposit-container .detail-block .money-block .selectedMoney {
- color: #1677FF;
- background-color: #edf7ff !important;
- }
- .deposit-container .detail-block .money-input-out {
- display: flex;
- align-items: center;
- }
- .deposit-container .detail-block .money-input-out .money-input-icon {
- font-size: 48rpx;
- margin-right: 16rpx;
- padding-left: 10rpx;
- }
- .deposit-container .detail-block .money-input-out .money-input {
- height: 80rpx;
- font-size: 72rpx;
- color: #333;
- letter-spacing: 2rpx;
- }
- .deposit-container .submit-block {
- position: fixed;
- bottom: 0;
- right: 0;
- left: 0;
- padding: 24rpx 24rpx 40rpx;
- background-color: #fff;
- }
- .deposit-container .submit-block .submit-block-btn {
- background-color: #1677FF;
- color: #fff;
- }
|