|
@@ -6,53 +6,51 @@
|
|
|
background-color: #ffffff;
|
|
|
|
|
|
.top {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- height: 80rpx;
|
|
|
- width: 100%;
|
|
|
- border-bottom: 1rpx solid #ddd;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-right: 30rpx;
|
|
|
- font-size: 28rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 80rpx;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1rpx solid #ddd;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 30rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
- position: relative;
|
|
|
+ position: relative;
|
|
|
|
|
|
- .num {
|
|
|
- height: 40rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #333333;
|
|
|
- padding: 20rpx 0;
|
|
|
- }
|
|
|
+ .num {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #333333;
|
|
|
+ padding: 20rpx 0;
|
|
|
+ }
|
|
|
|
|
|
- .exp {
|
|
|
- height: 34rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- margin-bottom: 8rpx;
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
+ .exp {
|
|
|
+ height: 34rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
|
|
|
- .amount {
|
|
|
- position: absolute;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #FF3B30;
|
|
|
- bottom: 0;
|
|
|
- right: 30rpx;
|
|
|
- }
|
|
|
+ .amount {
|
|
|
+ position: absolute;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #FF3B30;
|
|
|
+ bottom: 0;
|
|
|
+ right: 30rpx;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.bottom {
|
|
|
- height: 72rpx;
|
|
|
- line-height: 72rpx;
|
|
|
- margin-top: 12rpx;
|
|
|
- border-top: 1rpx solid #ddd;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-right: 30rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #666666;
|
|
|
+ height: 72rpx;
|
|
|
+ line-height: 72rpx;
|
|
|
+ margin-top: 12rpx;
|
|
|
+ border-top: 1rpx solid #ddd;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 30rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #666666;
|
|
|
}
|
|
|
}
|
|
|
|