C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

162 lines
2.4 KiB

  1. .content{
  2. padding:0 57rpx;
  3. }
  4. .title{
  5. margin-top: 60rpx;
  6. }
  7. .head{
  8. margin-top: 100rpx;
  9. }
  10. .head image{
  11. width: 100rpx;
  12. height: 100rpx;
  13. border-radius:50%;
  14. }
  15. .head .fl{
  16. font-size:32rpx;
  17. font-family:PingFang-SC-Bold;
  18. font-weight:bold;
  19. color:rgba(51,51,51,1);
  20. }
  21. .txt1{
  22. font-size:32rpx;
  23. font-family:PingFang-SC-Regular;
  24. font-weight:400;
  25. color:rgba(134,134,134,1);
  26. }
  27. .money button{
  28. width:636rpx;
  29. height:95rpx;
  30. margin:80rpx auto 0;
  31. background:rgba(2,192,255,1);
  32. border-radius:48rpx;
  33. color: #fff;
  34. }
  35. .money .icon{
  36. font-size:38rpx;
  37. font-family:PingFang-SC-Medium;
  38. font-weight:500;
  39. color:rgba(51,51,51,1);
  40. }
  41. .money .num{
  42. font-size:60rpx!important;
  43. font-family:PingFang-SC-Bold;
  44. font-weight:bold;
  45. color:rgba(51,51,51,1);
  46. display: inline-block!important;
  47. width: 580rpx;
  48. height: 60rpx;
  49. margin-top: 20rpx;
  50. line-height: 60rpx;
  51. }
  52. .active{
  53. opacity: .6;
  54. }
  55. .model{
  56. height: 100vh;
  57. width: 100%;
  58. position: fixed;
  59. top: 0;
  60. left: 0;
  61. }
  62. .zhezhao{
  63. position: fixed;
  64. top: 0;
  65. left: 0;
  66. width: 100%;
  67. height: 100vh;
  68. z-index: 1;
  69. background: #000;
  70. opacity: 0.5;
  71. }
  72. .card-model{
  73. position: fixed;
  74. height: 750rpx;
  75. width: 100%;
  76. bottom: 0;
  77. left: 0;
  78. z-index: 20;
  79. background: #fff;
  80. }
  81. .card-top{
  82. height: 75rpx;
  83. width: 100%;
  84. background: #E67663;
  85. line-height: 75rpx;
  86. text-align: center;
  87. font-size:30rpx;
  88. font-family:PingFang-SC-Medium;
  89. font-weight:500;
  90. color:rgba(255,255,255,1);
  91. }
  92. .card-content{
  93. height: 550rpx;
  94. overflow: hidden;
  95. }
  96. .card-content image{
  97. width: 64rpx;
  98. height: 64rpx;
  99. border-radius:10rpx;
  100. position: absolute;
  101. left: 20rpx;
  102. top: 0;
  103. bottom: 0;
  104. margin: auto;
  105. }
  106. .card-items{
  107. position: relative;
  108. height: 130rpx;
  109. line-height: 130rpx;
  110. overflow: hidden;
  111. width: 94%;
  112. margin: 0 auto;
  113. border-bottom: 1rpx solid #eee;
  114. }
  115. .card-items-left{
  116. width: 50%;
  117. float: left;
  118. font-size: 30rpx;
  119. }
  120. .card-items-right{
  121. width: 50%;
  122. float: right;
  123. font-size: 30rpx;
  124. }
  125. .card-items-left-img{
  126. width: 30%;
  127. height: 130rpx;
  128. float: left;
  129. }
  130. .card-items-left-text{
  131. width: 70%;
  132. height: 130rpx;
  133. float: left;
  134. }
  135. .card-items-right-text{
  136. text-align: right;
  137. float: left;
  138. width: 80%;
  139. }
  140. .card-items-right-radio{
  141. float: left;
  142. width: 20%;
  143. }
  144. .checkcard-box{
  145. width: 84%;
  146. background: #02C0FF!important;
  147. }
  148. .opcacity{
  149. opacity: .2!important;
  150. }
  151. .icons{
  152. width: 40rpx;
  153. height: 40rpx;
  154. position: absolute;
  155. top: 0;
  156. bottom: 0;
  157. right: 20rpx;
  158. margin: auto;
  159. }
  160. .icons image{
  161. width:100%;
  162. }