C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

174 Zeilen
2.7 KiB

  1. .content{
  2. padding:0 57rpx;
  3. }
  4. .title{
  5. margin-top: 60rpx;
  6. }
  7. .head{
  8. margin-top: 40rpx;
  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. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  34. border-radius:48rpx;
  35. color: #fff;
  36. }
  37. .money .icon{
  38. font-size:38rpx;
  39. font-weight:500;
  40. color:rgba(51,51,51,1);
  41. }
  42. .money .num{
  43. font-size:58rpx!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: 16rpx;
  51. padding-top: 4rpx;
  52. line-height: 60rpx;
  53. }
  54. .active{
  55. opacity: .6;
  56. }
  57. .model{
  58. height: 100vh;
  59. width: 100%;
  60. position: fixed;
  61. top: 0;
  62. left: 0;
  63. }
  64. .zhezhao{
  65. position: fixed;
  66. top: 0;
  67. left: 0;
  68. width: 100%;
  69. height: 100vh;
  70. z-index: 1;
  71. background: #000;
  72. opacity: 0.5;
  73. }
  74. .card-model{
  75. position: fixed;
  76. height: 750rpx;
  77. width: 100%;
  78. bottom: 0;
  79. left: 0;
  80. z-index: 20;
  81. background: #fff;
  82. }
  83. .card-top{
  84. position: relative;
  85. height: 85rpx;
  86. width: 100%;
  87. background: #E67663;
  88. line-height: 85rpx;
  89. text-align: center;
  90. font-size:30rpx;
  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. z-index: 100;
  108. }
  109. .card-items{
  110. position: relative;
  111. height: 130rpx;
  112. line-height: 130rpx;
  113. overflow: hidden;
  114. width: 94%;
  115. margin: 0 auto;
  116. border-bottom: 1rpx solid #eee;
  117. }
  118. .card-items-left{
  119. width: 50%;
  120. float: left;
  121. font-size: 30rpx;
  122. }
  123. .card-items-right{
  124. width: 50%;
  125. float: right;
  126. font-size: 30rpx;
  127. }
  128. .card-items-left-img{
  129. width: 30%;
  130. height: 130rpx;
  131. float: left;
  132. }
  133. .card-items-left-text{
  134. width: 70%;
  135. height: 130rpx;
  136. float: left;
  137. }
  138. .card-items-right-text{
  139. text-align: right;
  140. float: left;
  141. width: 80%;
  142. }
  143. .card-items-right-radio{
  144. float: left;
  145. width: 20%;
  146. }
  147. .checkcard-box{
  148. width: 84%;
  149. background: #02C0FF!important;
  150. }
  151. .opcacity{
  152. opacity: .2!important;
  153. }
  154. .icons{
  155. width: 40rpx;
  156. height: 40rpx;
  157. position: absolute;
  158. top: 0;
  159. bottom: 0;
  160. right: 20rpx;
  161. margin: auto;
  162. }
  163. .icons image{
  164. width:100%;
  165. }
  166. .close{
  167. position: absolute;
  168. width: 40rpx;
  169. height: 40rpx;
  170. top: 0;
  171. bottom: 0;
  172. right: 40rpx;
  173. margin: auto;
  174. }