123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- .battery-package-main{
- padding: 32rpx;
- width: 100%;
- min-height: 100vh;
- background: linear-gradient(180deg, #CFD1DE 0%, #F1F3F4 100%), #F1F3F4;
- background-size: 100% 528rpx;
- background-repeat: no-repeat;
- }
- .package-icon-view{
- margin-bottom: 40rpx;
- }
- .package-icon-view>img{
- width: 64rpx;
- height: 94rpx;
- }
- .package-icon-text{
- font-weight: normal;
- font-size: 28rpx;
- color: #060809;
- background: rgba(255,255,255,0.4);
- border-radius: 0rpx 38rpx 38rpx 0rpx;
- padding: 16rpx 0 16rpx 32rpx ;
- flex-grow: 1;
- text-align: justify;
- letter-spacing: 2rpx;
- }
- .package-list-view{
- background: #FFFFFF;
- border-radius: 40rpx;
- padding: 42rpx 32rpx 40rpx;
- margin-bottom: 20rpx;
- border:2px solid #fff;
- }
- .package-list-view.active{
- border:2px solid #0074FF
- }
- .package-num-view{
- font-weight: 600;
- font-size: 40rpx;
- color: #060809;
- margin-bottom: 12rpx;
-
- }
- .package-num{
- font-size: 40rpx;
- margin-right: 2rpx;
- margin-left: 6rpx;
- }
- .align-center{
- align-items: center;
- }
- .apply-battery{
- font-weight: 00;
- font-size: 28rpx;
- color: #060809;
- }
- .apply-battery-num{
- font-weight: 600;
- font-size: 30rpx;
- color: #706c6c;
- }
- .package-price{
- font-weight: 600;
- font-size: 30rpx;
- color: #84848c;
- text-decoration-line: line-through;
- }
- .symbol-style{
- font-weight: bold;
- font-size: 36rpx;
- color: #FA2918;
- margin-left: 6rpx;
- line-height: 1;
- }
- .align-baseline{
- align-items: baseline;
- }
- .package-tip{
- font-weight: 400;
- font-size: 24rpx;
- color: #060809;
- opacity: 0.4;
- }
- .pay-btn{
- background: #E4E7EC;
- border-radius: 40rpx;
- height: 80rpx;
- line-height: 80rpx;
- font-weight: 600;
- font-size: 32rpx;
- color: #060809;
- text-align: center;
- position: fixed;
- bottom: 80rpx;
- width: 91%;
- }
|