index.wxss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. page {
  2. padding-bottom: 139rpx;
  3. }
  4. .tips {
  5. width: 100%;
  6. height: 82rpx;
  7. background-color: #007AFF;
  8. color: #fff;
  9. font-size: 26rpx;
  10. font-family: PingFangSC-Semibold, PingFang SC;
  11. font-weight: 600;
  12. line-height: 82rpx;
  13. text-align: center;
  14. }
  15. .input-content {
  16. height: 116rpx;
  17. font-size: 30rpx;
  18. font-family: PingFangSC-Regular, PingFang SC;
  19. font-weight: 400;
  20. color: #666666;
  21. background: #FFFFFF;
  22. padding: 30rpx;
  23. box-sizing: border-box;
  24. display: flex;
  25. align-items: center;
  26. justify-content: space-between;
  27. border-bottom: 2rpx solid #eee;
  28. }
  29. .input {
  30. flex: 1;
  31. text-align: right;
  32. }
  33. .idphoto {
  34. display: flex;
  35. align-items: center;
  36. justify-content: center;
  37. flex-direction: column;
  38. }
  39. .leftid {
  40. width: 630rpx;
  41. height: 360rpx;
  42. border: 1rpx dashed #000;
  43. margin-top: 60rpx;
  44. display: flex;
  45. align-items: center;
  46. justify-content: center;
  47. }
  48. .id-img {
  49. width: 592rpx;
  50. height: 322rpx;
  51. border: 1rpx dashed #000;
  52. position: relative;
  53. }
  54. .idCard {
  55. width: 590rpx;
  56. height: 320rpx;
  57. position: absolute;
  58. left: 1rpx;
  59. top: 1rpx;
  60. }
  61. .smallicon {
  62. width: 590rpx;
  63. height: 320rpx;
  64. position: absolute;
  65. left: 1rpx;
  66. top: 1rpx;
  67. }
  68. /* btn */
  69. .fixed-footer {
  70. position: fixed;
  71. left: 0;
  72. bottom: 0;
  73. width: 100%;
  74. }
  75. .btn-group {
  76. height: 124rpx;
  77. background: #fff;
  78. display: flex;
  79. align-items: center;
  80. justify-content: center;
  81. }
  82. .selfBtn {
  83. display: flex;
  84. height: 88rpx;
  85. width: 690rpx;
  86. align-items: center;
  87. /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); */
  88. background: #0177FF;
  89. border-radius: 10rpx;
  90. justify-content: center;
  91. align-items: center;
  92. font-size: 34rpx;
  93. font-family: SourceHanSansCN-Normal;
  94. font-weight: 400;
  95. color: rgba(255, 254, 254, 1);
  96. }
  97. .message {
  98. height: 100%;
  99. width: 100%;
  100. background: rgba(0, 0, 0, 0.6);
  101. position: fixed;
  102. left: 0;
  103. top: 0;
  104. display: flex;
  105. align-items: center;
  106. justify-content: center;
  107. }
  108. .message-content {
  109. width: 600rpx;
  110. height: 748rpx;
  111. background: #FFFFFF;
  112. border-radius: 30rpx;
  113. display: flex;
  114. align-items: center;
  115. justify-content: center;
  116. flex-direction: column;
  117. }
  118. .message-content image {
  119. width: 114rpx;
  120. height: 137rpx;
  121. }
  122. .message-tips {
  123. font-size: 34rpx;
  124. font-family: PingFangSC-Medium, PingFang SC;
  125. font-weight: bolder;
  126. color: #333333;
  127. margin-top: 53rpx;
  128. }
  129. .message-func {
  130. text-align: center;
  131. font-size: 28rpx;
  132. font-family: PingFangSC-Regular, PingFang SC;
  133. font-weight: 400;
  134. color: #666666;
  135. margin-top: 20rpx;
  136. margin-bottom: 30rpx;
  137. }
  138. .message-number {
  139. font-size: 48rpx;
  140. font-family: PingFangSC-Medium, PingFang SC;
  141. font-weight: 500;
  142. color: #333333;
  143. margin-bottom: 73rpx;
  144. }
  145. .message-btn {
  146. height: 88rpx;
  147. width: 392rpx;
  148. font-size: 34rpx;
  149. font-family: PingFangSC-Medium, PingFang SC;
  150. font-weight: 500;
  151. color: #FFFFFF;
  152. background: #007AFF;
  153. border-radius: 44rpx;
  154. display: flex;
  155. align-items: center;
  156. justify-content: center;
  157. }
  158. .message-btn image {
  159. height: 35rpx;
  160. width: 36rpx;
  161. margin-right: 15rpx;
  162. }
  163. .bg {
  164. background: rgba(1, 119, 255, 0.4);
  165. }