/* pages/chargemoney/chargemoney.wxss */ .chargemoney { display: inline-block; position: relative; width: 148rpx; height: 77rpx; margin: 50rpx 51rpx 0 51rpx; flex-shrink: 0; overflow: hidden; } .chargemoney_select { display: inline-block; position: relative; width: 148rpx; height: 77rpx; margin: 50rpx 51rpx 0 51rpx; flex-shrink: 0; overflow: hidden; } .chargemoney image, .chargemoney_select image { width: 147rpx; height: 77rpx; } .chargemoney view, .chargemoney_select view { position: absolute; top: 0; left: 0; width: 148rpx; height: 77rpx; flex-shrink: 0; overflow: hidden; text-align: center; } text { font-size: 32rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #959595; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 77rpx; height: 77rpx; min-height: 77rpx; } .chargemoney_select text { color: red; } .active { background-color: #ebebeb; } .money_input { margin: 51rpx 30rpx; padding: 0 21rpx; border-top: 1rpx solid #f7f7f7; border-bottom: 1rpx solid #f7f7f7; } .section_phcolor { font-size: 28rpx; line-height: 100rpx; height: 100rpx; min-height: 100rpx; color: #aaaaaa; } .money_input { line-height: 100rpx; height: 100rpx; min-height: 100rpx; } .money_input text { display: inline-block; color: #434343; line-height: 100rpx; height: 100rpx; min-height: 100rpx; } .money_input input { padding: 0 20rpx; display: inline-block; width: 450rpx; height: 100rpx; line-height: 100rpx; min-height: 100rpx; color: #aaaaaa; font-size: 28rpx; } .chargemoney_button{ position: absolute; bottom: 0; width: calc(100% - 60rpx); font-size: 32rpx; margin: 50rpx 30rpx; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; background-color: #1cb03f; } .chargemoney_button.button-hover{ background-color: #1ca05e; }