.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%; }