index.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. .container {
  2. width: 100%;
  3. height: 100%;
  4. align-items: center;
  5. }
  6. .container {
  7. display: flex;
  8. flex-direction: column;
  9. align-items: center;
  10. box-sizing: border-box;
  11. }
  12. .main {
  13. width: 90%;
  14. display: flex;
  15. flex-direction: column;
  16. font-family: PingFang SC;
  17. }
  18. .tip {
  19. font-size: 23rpx;
  20. color: rgba(0, 0, 0, 0.5);
  21. text-align: center;
  22. margin: 30rpx auto 0 auto;
  23. }
  24. .top_tip {
  25. font-size: 28rpx;
  26. color: rgba(0, 0, 0, 0.6);
  27. text-align: left;
  28. margin: 30rpx auto 0;
  29. }
  30. .box_text {
  31. background-color: white;
  32. text-align: center;
  33. padding: 300rpx 0;
  34. margin-top: 30rpx;
  35. color: rgba(0, 0, 0, 0.5);
  36. }
  37. .button {
  38. width: 450rpx;
  39. text-align: center;
  40. margin: 60rpx auto 0 auto;
  41. height: 80rpx;
  42. color: white;
  43. border-radius: 5px;
  44. line-height: 80rpx;
  45. background-color: #07c160;
  46. }
  47. .button_phone {
  48. text-align: center;
  49. margin: 250rpx auto 0 auto;
  50. color: white;
  51. border-radius: 5px;
  52. background-color: #07c160;
  53. font-weight: normal;
  54. }
  55. .button_clear {
  56. width: 300rpx;
  57. text-align: center;
  58. margin: 250rpx auto 0 auto;
  59. height: 80rpx;
  60. color: #07c160;
  61. border-radius: 5px;
  62. line-height: 80rpx;
  63. background-color: rgba(0, 0, 0, 0.03);
  64. }
  65. .line {
  66. height: 1rpx;
  67. width: 100%;
  68. background-color: rgba(0, 0, 0, 0.1);
  69. }
  70. .code_box {
  71. text-align: center;
  72. background-color: white;
  73. margin-top: 30rpx;
  74. padding: 17rpx;
  75. }
  76. .code_box_title {
  77. color: rgba(0, 0, 0, 0.5);
  78. font-size: 26rpx;
  79. margin-bottom: 20rpx;
  80. text-align: left;
  81. }
  82. .code_box_record {
  83. display: flex;
  84. }
  85. .code_box_record_title {
  86. width: 33%;
  87. font-size: 26rpx;
  88. color: rgba(0, 0, 0, 0.5);
  89. padding: 20rpx 0;
  90. }
  91. .code_box_record_detail {
  92. width: 33%;
  93. font-size: 26rpx;
  94. padding: 20rpx 0;
  95. }
  96. .title {
  97. margin-top: 16px;
  98. font-size: 36rpx;
  99. font-weight: 500;
  100. color: #000;
  101. }
  102. .info {
  103. margin-top: 12px;
  104. font-size: 28rpx;
  105. font-weight: 400;
  106. color: rgba(0, 0, 0, 0.6);
  107. line-height: 52rpx;
  108. }
  109. .img {
  110. margin-top: 16px;
  111. width: 100%;
  112. }
  113. .code_img {
  114. width: 360rpx;
  115. height: 360rpx;
  116. }
  117. .page-section {
  118. width: 100%;
  119. text-align: left;
  120. margin: 20rpx auto 0;
  121. font-size: 28rpx;
  122. }
  123. .weui-cells__title {
  124. margin: 10rpx 0;
  125. color: rgba(0, 0, 0, 0.6);
  126. }
  127. .weui-cells_after-title {
  128. border: 1px solid #ddd;
  129. padding: 10rpx;
  130. color: rgba(0, 0, 0, 0.6);
  131. }
  132. .weui-cells_after-error {
  133. color: red;
  134. }