/* pages/mine/wxml/myredpacket/myredpacket.wxss */ page{ background: #EDEDED; } .head{ background: #FE2F44; height: 210rpx; } .head .title{ width: 100%; text-align: center; } .head .title text{ font-size: 26rpx; color: #fff; } .head .sum { text-align: center; } .head .sum text{ color: #fff; } .main .nav{ background: #fff; } .main .nav::after{ content: ''; display: block; clear: both; } .main .nav .tab{ float: left; width: 50%; text-align: center; font-size: 28rpx; padding: 30rpx 0; box-sizing: border-box; position: relative; color: #999; } .main .nav .tab .underline{ height: 4rpx; width: 50rpx; background: #000; position: absolute; left: 50%; bottom: 0; margin-left: -25rpx; } .tab-content{ padding: 15rpx; } .list{ width: 100%; background: #fff; height: 190rpx; padding: 20rpx; box-sizing: border-box; margin-bottom: 15rpx; } .option-left{ padding: 20rpx 0; width: 180rpx; line-height: 80rpx; border-right: 2rpx solid #EDEDED; } .option-left text{ color: #ED3E3E; font-size: 50rpx; font-weight: 600; margin-left: 32rpx; } .option-right,.option-left{ float: left; } .option-right{ margin-left: 60rpx; height: 100%; } .option-right .title{ height: 50%; line-height: 60rpx; font-size: 34rpx; color: #000; font-weight: 600; } .option-right .date{ height: 50%; line-height: 60rpx; font-size: 28rpx; color: #999; } .record-left{ float: left; max-width: 500rpx; font-size: 24rpx; color: #666; } .record-right{ float: right; } .goods-name{ margin-bottom: 10rpx; } .goods-name text{ font-size: 32rpx; color: #000; font-weight: 600; max-width: 500rpx; white-space:nowrap; text-overflow: ellipsis; } .sum::after{ content: ''; display: block; clear: both; } .bargain-sum { margin-right: 20rpx; } .record-right{ height: 100%; padding-top: 20rpx; } .record-right .text text{ font-size: 28rpx; color: #999; text-align: center; display: block; } .record-right .red_pack_balance text{ display: block; color: #FE2F44; font-size: 48rpx; text-align: center; }