1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- body{
- background-color: #F3F3F3;
- }
- .lBgn{
- height: 300rpx;
- border-bottom-left-radius: 40rpx;
- border-bottom-right-radius: 40rpx;
- background-image: linear-gradient(to top, #47CAFE 0%, #26A2FF 100%);
- }
- .box{
- width: 94%;
- background: #fff;
- box-shadow: 0rpx 4rpx 10rpx rgba(0, 0, 0, 0.05);
- margin: 0 auto;
- height: 800rpx;
- border-radius: 20rpx;
- position: relative;
- top: -80rpx;
- text-align: center;
- }
- .icon{
- width: 400rpx;
- z-index: 999;
- position: relative;
- top: -130rpx;
- }
- .money{
- position: relative;
- top: -140rpx;
- }
- .money view{
- font-size: 36rpx;
- color: #26A2FF;
- margin-left: 20rpx;
- position: relative;
- top: -6rpx;
- }
- .text{
- font-size: 28rpx;
- position: relative;
- top: -100rpx;
- }
- .btn{
- width: 70%;
- border-radius: 50rpx;
- background-image: linear-gradient(to bottom, #47CAFE 0%, #26A2FF 100%);
- color: #fff;
- text-align: center;
- box-shadow: rgb(204, 204, 204) 0rem 0.05rem 0.1rem;
- margin: 40rpx auto;
- padding: 20rpx 0;
- }
- .btn2{
- width: 70%;
- border-radius: 50rpx;
- border: 1px solid #26A2FF;
- color: #26A2FF;
- text-align: center;
- /* box-shadow: rgb(204, 204, 204) 0rem 0.05rem 0.1rem; */
- margin: 0 auto;
- padding: 20rpx 0;
- }
|