page { padding-top: 140rpx; padding-bottom: 100rpx; } .l-box-info-left { display: flex; justify-content: space-between; } .btnOther { background-color: #0CB790; height: 200rpx; width: 100%; color: #FFFFFF; box-sizing: border-box; border-radius: 8rpx; display: flex; font-size: 28rpx; align-items: center; justify-content: center; margin-left: 20rpx; } .btnOther-on { background-color: orange; } .bottom { background: #FFFFFF; box-shadow: 0 -2rpx 12rpx 0 rgba(0, 0, 0, 0.16), inset 0 1rpx 0 0 #E4E4E4; width: 100%; height: 100rpx; position: fixed; bottom: 0; left: 0; display: flex; justify-content: space-between; } .bottom .bottomLeft { display: flex; align-items: center; } .bottom .bottomRight { display: flex; } .btn { width: 220rpx; line-height: 100rpx; text-align: center; line-height: 100rpx; font-family: SourceHanSansCN-Medium; font-size: 32rpx; letter-spacing: 0; } .btnCancel { color: #666666; background: #F0F0F0; } .btnSubmit { color: #FFFFFF; background: #0DC99E; } .priceTitle { font-family: SourceHanSansCN-Normal; font-size: 24rpx; color: #999999; letter-spacing: 0; line-height: 28rpx; margin-left: 32rpx; } .priceInfo { font-family: SourceHanSansCN-Normal; font-size: 30rpx; color: orange; margin-left: 10rpx; letter-spacing: 0; line-height: 28rpx; font-weight: bold; } .icon_logo { width: 80rpx; height: 80rpx; margin-right: 24rpx; } .moneyBox { display: flex; justify-content: space-between; padding: 20rpx 30rpx; background-color: #FFFFFF; } .moneyBoxLeft { display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; } .moneyBoxRight { flex: 1; } .moneyItem { height: 90rpx; width: 31.3%; font-size: 28rpx; display: flex; justify-content: center; border: 1rpx solid #333333; margin-right: 1%; margin-left: 1%; color: #333333; margin-bottom: 20rpx; border-radius: 8rpx; box-sizing: border-box; line-height: 90rpx; } .moneyItemOn { border-color: orange; color: orange; }