| | |
| | | .container { |
| | | width: 100%; |
| | | height: 100vh; |
| | | background: linear-gradient(to top, #FFFFFF, #E8EFFF); |
| | | } |
| | | .container .date { |
| | | height: 84rpx; |
| | | width: 100%; |
| | | display: flex; |
| | | padding: 0 36rpx; |
| | | box-sizing: border-box; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .container .date view:first-child { |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | } |
| | | .container .date view:last-child { |
| | | font-weight: 300; |
| | | font-size: 24rpx; |
| | | color: #7E7E7E; |
| | | } |
| | | .container .date view:last-child text:first-child { |
| | | margin-right: 30rpx; |
| | | } |
| | | .container .main { |
| | | width: 99%; |
| | | height: calc(100vh - 84rpx - 176rpx - 70rpx); |
| | | background: #fff; |
| | | border-radius: 20rpx; |
| | | margin: 0 auto; |
| | | padding: 28rpx 48rpx; |
| | | box-sizing: border-box; |
| | | overflow-y: scroll; |
| | | } |
| | | .container .main .item { |
| | | width: 100%; |
| | | height: 184rpx; |
| | | border-bottom: 1rpx solid #D8D8D8; |
| | | box-sizing: border-box; |
| | | padding-bottom: 38rpx; |
| | | justify-content: space-between; |
| | | align-items: flex-end; |
| | | display: flex; |
| | | } |
| | | .container .main .item .item-left { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | } |
| | | .container .main .item .item-left text:first-child { |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | } |
| | | .container .main .item .item-left .methods { |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #474646; |
| | | } |
| | | .container .main .item .item-left text:last-child { |
| | | font-weight: 300; |
| | | font-size: 24rpx; |
| | | color: #A7A7A7; |
| | | } |
| | | .container .main .item .item-right { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: flex-end; |
| | | align-items: flex-end; |
| | | } |
| | | .container .main .item .item-right text:first-child { |
| | | font-weight: 300; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | } |
| | | .container .main .item .item-right text:last-child { |
| | | font-weight: 300; |
| | | font-size: 24rpx; |
| | | color: #A7A7A7; |
| | | } |