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.

138 line
2.1 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: rgb(200, 89, 99);
  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. }
  100. .card-items{
  101. height: 130rpx;
  102. line-height: 130rpx;
  103. overflow: hidden;
  104. width: 94%;
  105. margin: 0 auto;
  106. border-bottom: 1rpx solid #cecece;
  107. }
  108. .card-items-left{
  109. width: 50%;
  110. float: left;
  111. }
  112. .card-items-right{
  113. width: 50%;
  114. float: left;
  115. }
  116. .card-items-left-img{
  117. width: 30%;
  118. height: 130rpx;
  119. float: left;
  120. }
  121. .card-items-left-text{
  122. width: 70%;
  123. height: 130rpx;
  124. float: left;
  125. }
  126. .card-items-right-text{
  127. text-align: right;
  128. float: left;
  129. width: 80%;
  130. }
  131. .card-items-right-radio{
  132. float: left;
  133. width: 20%;
  134. }
  135. .checkcard-box{
  136. width: 80%;
  137. background: #02C0FF!important;
  138. }