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.

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