/* 头部 */ .barHeader { position: fixed; background: #fff; color: #000; top: 0; left: 0; z-index: 9; width: 100%; height: 100rpx; display: flex; } .barHeader-tool-icon { width: 48rpx; vertical-align: middle; margin: 32rpx 0 0 20rpx; } .barHeader-title { position: relative; width: 100%; text-align: center; height: 100rpx; line-height: 100rpx; } page { background-color: #bc1d30; padding: 40rpx; box-sizing: border-box; } .cashierTips { background-color: #FFFFFF; font-weight: 600; font-size: 30rpx; border-radius: 10rpx; margin-bottom: 40rpx; line-height: 80rpx; padding: 0 30rpx; box-sizing: border-box; color: #e69500; display: flex; } .cashierTips image { width: 32rpx; height: 32rpx; margin: 24rpx 10rpx 0 0; } .cashierCont { width: 100%; background-color: #ffffff; padding: 30rpx; box-sizing: border-box; border-radius: 20rpx; overflow: hidden; } .cashierCont-title text { color: #7e7d81; padding-right: 30rpx; } .cashierCont-price { text-align: center; margin: 90rpx 0; color: #bc1d30; } .cashierCont-price-title { font-size: 34rpx; margin-bottom: 10rpx; } .cashierCont-price-number { font-size: 60rpx; } .cashierCont-pay-title { color: #7e7d81; margin-bottom: 40rpx; } .cashierCont-pay-title text{ color: #bc1d30; padding-left: 10rpx; } .cashierCont-pay-way { height: 240rpx; } .cashierCont-way-label { float: left; border: 2rpx solid #e8e8e8; box-sizing: border-box; padding: 30rpx 0; border-radius: 10rpx; width: calc(50% - 84rpx); text-align: center; margin: 0 40rpx; font-size: 30rpx; position: relative; } .cashierCont-way-label.active { border-color: #bc1d30; color: #bc1d30; box-shadow: 0 10rpx 20rpx rgba(188, 29, 48 ,.3); } .cashierCont-way-label radio { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .cashierCont-way-label image { width: 90rpx; height: 90rpx; display: block; margin: 0 auto 20rpx; } .payBtn { background-color: #bc1d30; color: #ffffff; height: 90rpx; line-height: 90rpx; width: 100%; font-size: 32rpx; padding: 0; border-radius: 80rpx; margin: 80rpx 0 40rpx; }