.head { width: 100vw; background: #FFFFFF; padding: 20rpx 30rpx; box-sizing: border-box; .title { line-height: 44rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 32rpx; color: #333333; } .amount { color: #666666; font-size: 24rpx; line-height: 34rpx; margin-top: 8rpx; text { color: #FF3B30; font-weight: bold; } } .date { color: #666666; font-size: 24rpx; line-height: 34rpx; margin-top: 8rpx; .value { color: #333; } } } .search { display: flex; height: 100rpx; align-items: center; overflow: hidden; .label { width: 114rpx; font-family: PingFang SC, PingFang SC; font-size: 28rpx; color: #666666; flex-shrink: 0; font-weight: bold; padding: 0 30rpx; margin: 0; } .box { flex: 1; .custom-class { --search-background-color: #fff !important; } } } .row { line-height: 34rpx; font-family: PingFang SC, PingFang SC; font-size: 24rpx; color: #333333; margin-top: 8rpx; } .row:first-child { margin-top: 0; } .item { width: 100vw; background-color: #fff; padding: 30rpx; box-sizing: border-box; padding-right: 0; padding-bottom: 0; .row { padding-right: 30rpx; box-sizing: border-box; } .two-lines { display: flex; >view { width: 50%; } .left { padding-right: 6rpx; box-sizing: border-box; } } .price { color: #FF3B30; font-weight: bold; } margin-bottom: 20rpx; .bottom { display: flex; justify-content: space-between; align-items: center; line-height: 80rpx; border-top: 1rpx solid #DDDDDD; margin-top: 20rpx; font-size: 28rpx; color: #666666; .iconfont { padding: 0 30rpx; line-height: 60rpx; } } } .footer { display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0; left: 0; width: 750rpx; height: 130rpx; background: #FFFFFF; box-shadow: 0rpx -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16); border-radius: 0rpx 0rpx 0rpx 0rpx; .button-class { width: 500rpx; height: 90rpx; background: #3874F6; border-radius: 100rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #FFFFFF; } }