.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-new { display: flex; justify-content: space-around; width: calc(100% - 60rpx); border-top: solid 1px #979797; margin: 23rpx auto 0; padding: 36rpx 0 10rpx; .pay-way-item { width: calc(33% - 9rpx); border-radius: 20rpx; text-align: center; padding: 30rpx 0; image { width: 110rpx; height: 110rpx; } .title { font-size: 28rpx; font-weight: 400; font-family: 'PingFangSC-Regular, PingFang SC'; color: #fff; margin: 10rpx 0; } .subtitle { font-size: 14rpx; font-weight: 400; font-family: 'PingFangSC-Regular, PingFang SC'; color: #fff; opacity: 0.73; } } .pay-way-item-hy { background: linear-gradient(153deg, #fa9460 0%, #ff5065 100%); } .pay-way-item-wx { background: linear-gradient(155deg, #5ee3a6 0%, #3eb9c8 100%); } .pay-way-item-jh { background: linear-gradient(155deg, #5aa6ff 0%, #c782ff 100%); } } .pay-way-subtitle { display: flex; justify-content: space-around; width: calc(100% - 60rpx); margin: 0 auto 60rpx; &-item { width: calc(33% - 9rpx); border-radius: 20rpx; text-align: center; font-size: 20rpx; font-weight: 400; font-family: 'PingFangSC-Regular, PingFang SC'; opacity: 0.73; } } .pay-way-close-btn { width: calc(100% - 80rpx); margin: 0 auto 68rpx; border: none; background-color: #3397fa; color: #fff; border-radius: 10rpx; }