batteryPackage.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .battery-package-main{
  2. padding: 32rpx;
  3. width: 100%;
  4. min-height: 100vh;
  5. background: linear-gradient(180deg, #CFD1DE 0%, #F1F3F4 100%), #F1F3F4;
  6. background-size: 100% 528rpx;
  7. background-repeat: no-repeat;
  8. }
  9. .package-icon-view{
  10. margin-bottom: 40rpx;
  11. }
  12. .package-icon-view>img{
  13. width: 64rpx;
  14. height: 94rpx;
  15. }
  16. .package-icon-text{
  17. font-weight: normal;
  18. font-size: 28rpx;
  19. color: #060809;
  20. background: rgba(255,255,255,0.4);
  21. border-radius: 0rpx 38rpx 38rpx 0rpx;
  22. padding: 16rpx 0 16rpx 32rpx ;
  23. flex-grow: 1;
  24. text-align: justify;
  25. letter-spacing: 2rpx;
  26. }
  27. .package-list-view{
  28. background: #FFFFFF;
  29. border-radius: 40rpx;
  30. padding: 42rpx 32rpx 40rpx;
  31. margin-bottom: 20rpx;
  32. border:2px solid #fff;
  33. }
  34. .package-list-view.active{
  35. border:2px solid #0074FF
  36. }
  37. .package-num-view{
  38. font-weight: 600;
  39. font-size: 40rpx;
  40. color: #060809;
  41. margin-bottom: 12rpx;
  42. }
  43. .package-num{
  44. font-size: 40rpx;
  45. margin-right: 2rpx;
  46. margin-left: 6rpx;
  47. }
  48. .align-center{
  49. align-items: center;
  50. }
  51. .apply-battery{
  52. font-weight: 00;
  53. font-size: 28rpx;
  54. color: #060809;
  55. }
  56. .apply-battery-num{
  57. font-weight: 600;
  58. font-size: 30rpx;
  59. color: #706c6c;
  60. }
  61. .package-price{
  62. font-weight: 600;
  63. font-size: 30rpx;
  64. color: #84848c;
  65. text-decoration-line: line-through;
  66. }
  67. .symbol-style{
  68. font-weight: bold;
  69. font-size: 36rpx;
  70. color: #FA2918;
  71. margin-left: 6rpx;
  72. line-height: 1;
  73. }
  74. .align-baseline{
  75. align-items: baseline;
  76. }
  77. .package-tip{
  78. font-weight: 400;
  79. font-size: 24rpx;
  80. color: #060809;
  81. opacity: 0.4;
  82. }
  83. .pay-btn{
  84. background: #E4E7EC;
  85. border-radius: 40rpx;
  86. height: 80rpx;
  87. line-height: 80rpx;
  88. font-weight: 600;
  89. font-size: 32rpx;
  90. color: #060809;
  91. text-align: center;
  92. position: fixed;
  93. bottom: 80rpx;
  94. width: 91%;
  95. }