1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- page {
- background-color: var(--weui-FG-3);
- }
- .top{
- height: 750rpx;
- }
- .desc {
- background-color: #15D234;
- height: 300rpx;
- color: #fff;
- font-size: small;
- text-align: center;
- padding: 20rpx;
- position: relative;
- }
- .months {
- background-color: #fff;
- width: 94%;
- margin: auto;
- border-radius: 30rpx;
- z-index: 99;
- position: absolute;
- top: 100rpx;
- left: 3%;
- }
- .month {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- padding: 20rpx;
- margin-bottom: 20rpx;
- }
- .month_item {
- text-align: center;
- width: 40%;
- height: 100rpx;
- line-height: 100rpx;
- color: #7AEA76;
- margin: 20rpx;
- background-color: #F5FFF8;
- position: relative;
- }
- .is_checked{
- border: 2rpx solid #7AEA76;
- }
- .give_month{
- position: absolute;
- top: 0rpx;
- right: 0;
- width: 4rem;
- height: 30rpx;
- font-size: 24rpx;
- line-height: 30rpx;
- color: #fff;
- background-color: #15D234;
- border-bottom-left-radius: 40rpx;
- }
- .amount {
- padding: 40rpx;
- border-top: 1rpx solid var(--weui-FG-2);
- border-color:rgb(238, 240, 240);
- }
- .amount_item{
- display: flex;
- justify-content: space-between;
- }
- .tips{
- color: var(--weui-FG-2);
- font-size: 28rpx;
- padding: 10rpx 20rpx;
- }
- .payBtn{
- margin-top: 50rpx;
- }
|