C端小程序
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

243 righe
3.4 KiB

  1. .content {
  2. height: 1300rpx;
  3. padding: 0 57rpx;
  4. }
  5. .content.active {
  6. opacity: 0.5;
  7. }
  8. .title {
  9. margin-top: 60rpx;
  10. }
  11. .head {
  12. margin-top: 40rpx;
  13. }
  14. .head image {
  15. width: 100rpx;
  16. height: 100rpx;
  17. border-radius: 50%;
  18. }
  19. .head .fl {
  20. font-size: 32rpx;
  21. font-family: PingFang-SC-Bold;
  22. font-weight: bold;
  23. color: rgba(51, 51, 51, 1);
  24. }
  25. .txt1 {
  26. font-size: 32rpx;
  27. font-family: PingFang-SC-Regular;
  28. font-weight: 400;
  29. color: rgba(134, 134, 134, 1);
  30. }
  31. .money button {
  32. width: 636rpx;
  33. height: 95rpx;
  34. line-height: 95rpx;
  35. margin: 80rpx auto 0;
  36. /* background:rgba(2,192,255,1); */
  37. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  38. border-radius: 48rpx;
  39. color: #fff;
  40. }
  41. .money .icon {
  42. font-size: 38rpx;
  43. font-weight: 500;
  44. color: rgba(51, 51, 51, 1);
  45. }
  46. .money .num {
  47. font-size: 58rpx !important;
  48. font-family: PingFang-SC-Bold;
  49. font-weight: bold;
  50. color: rgba(51, 51, 51, 1);
  51. display: inline-block !important;
  52. width: 580rpx;
  53. height: 60rpx;
  54. margin-top: 16rpx;
  55. padding-top: 4rpx;
  56. line-height: 60rpx;
  57. }
  58. .active {
  59. opacity: .6;
  60. }
  61. .model {
  62. height: 100vh;
  63. width: 100%;
  64. position: fixed;
  65. top: 0;
  66. left: 0;
  67. }
  68. .zhezhao {
  69. position: fixed;
  70. top: 0;
  71. left: 0;
  72. width: 100%;
  73. height: 100vh;
  74. z-index: 1;
  75. background: #000;
  76. opacity: 0.5;
  77. }
  78. .card-model {
  79. position: fixed;
  80. height: 750rpx;
  81. width: 100%;
  82. bottom: 0;
  83. left: 0;
  84. z-index: 20;
  85. background: #fff;
  86. }
  87. .card-top {
  88. position: relative;
  89. height: 85rpx;
  90. width: 100%;
  91. background: #E67663;
  92. line-height: 85rpx;
  93. text-align: center;
  94. font-size: 30rpx;
  95. font-weight: 500;
  96. color: rgba(255, 255, 255, 1);
  97. }
  98. .card-content {
  99. height: 550rpx;
  100. overflow: hidden;
  101. }
  102. .card-content image {
  103. width: 64rpx;
  104. height: 64rpx;
  105. border-radius: 10rpx;
  106. position: absolute;
  107. left: 20rpx;
  108. top: 0;
  109. bottom: 0;
  110. margin: auto;
  111. z-index: 100;
  112. }
  113. .card-items {
  114. position: relative;
  115. height: 130rpx;
  116. line-height: 130rpx;
  117. overflow: hidden;
  118. width: 94%;
  119. margin: 0 auto;
  120. border-bottom: 1rpx solid #eee;
  121. }
  122. .card-items-left {
  123. width: 50%;
  124. float: left;
  125. font-size: 30rpx;
  126. }
  127. .card-items-right {
  128. width: 50%;
  129. float: right;
  130. font-size: 30rpx;
  131. }
  132. .card-items-left-img {
  133. width: 30%;
  134. height: 130rpx;
  135. float: left;
  136. }
  137. .card-items-left-text {
  138. width: 70%;
  139. height: 130rpx;
  140. float: left;
  141. }
  142. .card-items-right-text {
  143. text-align: right;
  144. float: left;
  145. width: 80%;
  146. }
  147. .card-items-right-radio {
  148. float: left;
  149. width: 20%;
  150. }
  151. .checkcard-box {
  152. width: 84%;
  153. background: #02C0FF !important;
  154. }
  155. .opcacity {
  156. opacity: .2 !important;
  157. }
  158. .icons {
  159. width: 40rpx;
  160. height: 40rpx;
  161. position: absolute;
  162. top: 0;
  163. bottom: 0;
  164. right: 20rpx;
  165. margin: auto;
  166. }
  167. .icons image {
  168. width: 100%;
  169. }
  170. .close {
  171. position: absolute;
  172. width: 40rpx;
  173. height: 40rpx;
  174. top: 0;
  175. bottom: 0;
  176. right: 40rpx;
  177. margin: auto;
  178. }
  179. .pwdDialog {
  180. position: absolute;
  181. top: 40%;
  182. left: 50%;
  183. transform: translate(-50%, -50%);
  184. width: 500rpx;
  185. height: 300rpx;
  186. background-color: #fff;
  187. box-shadow: 0 6px 20px 0 #00000026;
  188. transition: all .3s;
  189. opacity: 0;
  190. z-index: -1;
  191. border-radius: 20rpx;
  192. padding: 0 60rpx 80rpx 60rpx;
  193. }
  194. .pwdDialog.active {
  195. opacity: 1;
  196. z-index: 999;
  197. }
  198. .pwdDialog .title {
  199. text-align: center;
  200. font-weight: 600;
  201. font-size: 36rpx;
  202. margin-bottom: 20rpx;
  203. }
  204. .pwdForm {
  205. height: 80rpx;
  206. border: 1px solid #f99c32;
  207. background-color: #fefcf3;
  208. border-radius: 10rpx;
  209. padding-left: 20rpx;
  210. margin-bottom: 40rpx;
  211. }