.swiper-wrap{ display: flex; flex-direction: column; height: calc(100vh - var(--window-top)); width: 100%; .swiper-box { flex: 1; } } .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: 40rpx; } .bottom-total{ font-size: 32rpx; border-radius: 6rpx; width: 710rpx; text-align: center; padding-top: 16rpx; background-color: #E4F3FF; height: 72rpx; margin: 60rpx 20rpx; .total{ color: #3397FA; } } .button-wrap{ height: 120rpx; .button{ position: fixed; left: 20rpx; bottom: 40rpx; 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; }