page { padding-bottom: 240rpx; } .swiper-wrap { display: flex; flex-direction: column; height: calc(82vh - var(--window-top)); width: 100%; .swiper-box { flex: 1; } /deep/ .uni-swiper-slides { bottom: 20rpx; } } .page-box { margin: 25rpx 40rpx; .pay { overflow: hidden; margin-bottom: 20rpx; background-color: #fff; border-radius: 15rpx; .pay-top { margin-bottom: 20rpx; padding: 25rpx 40rpx; border-bottom: 1px solid #dfdfdf; .car { font-size: 32rpx; font-weight: 600; color: #3a3a3a; line-height: 45rpx; letter-spacing: 1px; } .addr { color: #858585; font-size: 26rpx; line-height: 37rpx; } .pay-top-right { padding: 0 15rpx; height: 50rpx; line-height: 48rpx; border-radius: 5rpx; border: 1px solid #fa6400; color: #fa6400; } } .pay-center { padding: 0 40rpx 25rpx; border-bottom: 1px solid #dfdfdf; .pay-center-item { margin-bottom: 9rpx; font-size: 26rpx; font-weight: 400; color: #595959; line-height: 37rpx; letter-spacing: 1px; } } .u-cell_title { color: '#008CFF'; } } } .bottom { background-color: #ffffff; height: 240rpx; width: 100%; position: fixed; z-index: 1000; bottom: 0; } .bottom-total { font-size: 32rpx; border-radius: 6rpx; width: 710rpx; text-align: center; padding-top: 16rpx; background-color: #e4f3ff; height: 72rpx; margin: 40rpx 20rpx; .total { color: #3397fa; } } .button-wrap { height: 120rpx; .button { position: fixed; left: 20rpx; bottom: 10rpx; right: 20rpx; z-index: 999; } } .pay-tips { width: calc(100% - 34rpx); margin: 23rpx auto; border-top: solid 1px #979797; padding: 38rpx 0; color: #5f5f5f; text { color: #3397fa; padding: 0 10rpx; } } .pay-way { display: flex; justify-content: space-between; width: calc(100% - 34rpx); border-top: solid 1px #979797; margin: 23rpx auto; padding: 38rpx 86rpx; .pay-way-item { text-align: center; font-size: 30rpx; color: #5f5f5f; image { width: 143rpx; height: 143rpx; } } } .pay-way-close-btn { width: calc(100% - 34rpx); margin: 0 auto 68rpx; border: none; background-color: #3397fa; color: #fff; border-radius: 10rpx; }