sign.wxss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page {
  12. background: #FFFFFF;
  13. width: 100%;
  14. height: 100%;
  15. }
  16. page .content {
  17. height: 100%;
  18. }
  19. .box {
  20. padding: 0rpx 25rpx;
  21. width: 100%;
  22. }
  23. .top-image {
  24. width: 100%;
  25. height: 300rpx;
  26. }
  27. .top-title {
  28. width: 100%;
  29. text-align: center;
  30. padding: 25rpx 0rpx;
  31. font-size: 34rpx;
  32. border-bottom: 1rpx dashed #B5B5B5;
  33. }
  34. .canten {
  35. text-align: center !important;
  36. }
  37. .addr {
  38. color: #222222;
  39. font-size: 28rpx;
  40. padding: 25rpx 35rpx;
  41. }
  42. .text-box {
  43. padding: 25rpx 25rpx;
  44. padding-bottom: 0rpx !important;
  45. }
  46. .text {
  47. color: #222222;
  48. font-size: 28rpx;
  49. padding-bottom: 15rpx;
  50. }
  51. .weixin-icon {
  52. width: 100%;
  53. text-align: center;
  54. padding-top: 45rpx;
  55. }
  56. .weixin-icon image {
  57. width: 248rpx;
  58. height: 248rpx;
  59. }
  60. .tip {
  61. color: #222222;
  62. font-size: 28rpx;
  63. width: 100%;
  64. text-align: center;
  65. padding-bottom: 50rpx;
  66. }
  67. .sign-tip {
  68. padding: 25rpx 0rpx;
  69. text-align: center;
  70. color: #222222;
  71. font-size: 28rpx;
  72. }
  73. .form-box {
  74. padding: 0rpx 35rpx;
  75. }
  76. .form-box .label {
  77. font-size: 34rpx;
  78. padding: 25rpx 0rpx;
  79. }
  80. .form-box .label text {
  81. color: #E62129;
  82. padding-left: 5rpx;
  83. }
  84. .form-box input {
  85. font-size: 28rpx;
  86. color: #222222;
  87. border: 2rpx solid #979797;
  88. padding: 0rpx 15rpx;
  89. border-radius: 15rpx;
  90. height: 80rpx;
  91. }
  92. .submit {
  93. width: 70%;
  94. margin: 0rpx auto;
  95. margin-top: 80rpx;
  96. margin-bottom: 80rpx;
  97. padding: 25rpx 0;
  98. text-align: center;
  99. background-color: #E62129;
  100. color: #FFFFFF;
  101. font-size: 32rpx;
  102. border-radius: 10rpx;
  103. }
  104. .grey {
  105. background-color: #9B9B9B !important;
  106. }
  107. .certificates {
  108. width: 100%;
  109. height: 100vh;
  110. }
  111. .tki-qrcode-canvas {
  112. width: 750rpx;
  113. height: 1350rpx;
  114. margin: 0 auto;
  115. }
  116. .bgimg {
  117. width: 100%;
  118. height: 100%;
  119. }
  120. .bgimg image {
  121. width: 100%;
  122. height: 100%;
  123. }
  124. .box-mian {
  125. width: 100%;
  126. height: 100%;
  127. position: absolute;
  128. padding: 380rpx 94rpx 200rpx 94rpx;
  129. color: #333;
  130. left: 0;
  131. top: 0;
  132. display: -webkit-box;
  133. display: -webkit-flex;
  134. display: flex;
  135. -webkit-box-orient: vertical;
  136. -webkit-box-direction: normal;
  137. -webkit-flex-direction: column;
  138. flex-direction: column;
  139. -webkit-box-pack: center;
  140. -webkit-justify-content: center;
  141. justify-content: center;
  142. }
  143. .box-mian .name {
  144. display: -webkit-box;
  145. display: -webkit-flex;
  146. display: flex;
  147. font-size: 32rpx;
  148. }
  149. .box-mian .name .name-left {
  150. text-align: center;
  151. width: 150rpx;
  152. border-bottom: 2rpx solid #333;
  153. }
  154. .box-mian .info {
  155. margin-top: 68rpx;
  156. text-indent: 64rpx;
  157. line-height: 58rpx;
  158. }
  159. .box-mian .signName {
  160. margin-top: 32rpx;
  161. display: -webkit-box;
  162. display: -webkit-flex;
  163. display: flex;
  164. }
  165. .box-mian .signName .signName-left {
  166. line-height: 34rpx;
  167. }
  168. .box-mian .signName .signName-left .signName-2 {
  169. font-size: 28rpx;
  170. }
  171. .box-mian .signName .signName-right {
  172. text-align: left;
  173. padding: 0 12rpx;
  174. margin-left: 12rpx;
  175. border-bottom: 2rpx solid #333;
  176. }
  177. .box-mian .signName .signName-right .list-input {
  178. width: 100%;
  179. padding: 0 12rpx;
  180. height: 70rpx;
  181. font-size: 32rpx;
  182. text-align: left;
  183. }
  184. .box-mian .signName .signName-right .signDate {
  185. display: -webkit-box;
  186. display: -webkit-flex;
  187. display: flex;
  188. -webkit-box-align: center;
  189. -webkit-align-items: center;
  190. align-items: center;
  191. }
  192. .box-mian .signDate {
  193. margin-top: 22rpx;
  194. display: -webkit-box;
  195. display: -webkit-flex;
  196. display: flex;
  197. }
  198. .box-mian .signDate .signName-left {
  199. line-height: 34rpx;
  200. }
  201. .box-mian .signDate .signName-left .signName-2 {
  202. font-size: 28rpx;
  203. }
  204. .box-mian .signDate .signName-right {
  205. text-align: left;
  206. padding-left: 12rpx;
  207. margin-left: 12rpx;
  208. width: 288rpx;
  209. border-bottom: 2rpx solid #333;
  210. }
  211. .box-mian .signDate .signName-right .list-input {
  212. height: 70rpx;
  213. font-size: 32rpx;
  214. text-align: left;
  215. }
  216. .imgbox {
  217. height: 1350rpx;
  218. width: 750rpx;
  219. }