apply.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. .header {
  2. background: #f75451;
  3. height: 160rpx;
  4. color: #fff;
  5. font-size: 30rpx;
  6. display: flex;
  7. justify-content: center;
  8. align-items: center;
  9. }
  10. .form-group {
  11. padding: 12rpx 56rpx 0;
  12. display: flex;
  13. flex-direction: column;
  14. align-items: center;
  15. }
  16. .form-group .form-item {
  17. width: 640rpx;
  18. display: flex;
  19. align-items: center;
  20. border-bottom: 2rpx solid #e4e4e4;
  21. font-size: 30rpx;
  22. transition: all 0.3s;
  23. position: relative;
  24. }
  25. .form-group .form-item:last-child {
  26. border: none;
  27. }
  28. .form-group .form-item.error {
  29. border-color: #f75451;
  30. }
  31. .form-group .form-item .form-item-control {
  32. width: 160rpx;
  33. height: 100rpx;
  34. line-height: 100rpx;
  35. }
  36. .form-group .form-item .form-item-input {
  37. flex: 1;
  38. height: 100rpx;
  39. line-height: 100rpx;
  40. }
  41. .weui-cell__hd {
  42. position:relative;
  43. font-size:28rpx;
  44. text-align:left;
  45. }
  46. .weui-pos {
  47. width: 40rpx;
  48. height: 50rpx;
  49. background: url(https://mall.shiziyu888.com/dan/Common/image/order_checkout_icon.png) no-repeat;
  50. background-position: 0rpx 0;
  51. background-size: 132rpx 142rpx;
  52. }
  53. .form-group .form-item .form-item-input .picker {
  54. height: 100rpx;
  55. line-height: 100rpx;
  56. }
  57. .form-group .form-item .captcha {
  58. color: #666;
  59. border-left: 4rpx solid #ddd;
  60. padding-left: 20rpx;
  61. width: 160rpx;
  62. height: 100%;
  63. text-align: center;
  64. }
  65. .form-group .form-item .placeholder {
  66. color: #ccc;
  67. }
  68. .form-group .form-item .input-placeholder {
  69. color: #ccc;
  70. }
  71. .form-group .form-item .submit {
  72. width: 640rpx;
  73. height: 94rpx;
  74. margin-top: 46rpx;
  75. border-radius: 94rpx;
  76. font-size: 36rpx;
  77. background: #f75451;
  78. color: #fff;
  79. display: flex;
  80. justify-content: center;
  81. align-items: center;
  82. }
  83. .form-group .form-item .submit.disabled {
  84. background: #dcdcdc;
  85. }
  86. .apply-pass {
  87. width: 100%;
  88. height: 100%;
  89. display: flex;
  90. flex-direction: column;
  91. align-items: center;
  92. background: #fff;
  93. position: fixed;
  94. left: 0;
  95. top: 0;
  96. z-index: 9;
  97. }
  98. .apply-pass image {
  99. width: 156rpx;
  100. height: 144rpx;
  101. padding-top: 150rpx;
  102. margin-bottom: 28rpx;
  103. }
  104. .apply-pass .applyPassImg {
  105. width: 186rpx;
  106. height: 186rpx;
  107. font-size: 230rpx;
  108. color: #ef994c;
  109. margin-bottom: 40rpx;
  110. margin-top: 106rpx;
  111. display: flex;
  112. justify-content: center;
  113. align-items: center;
  114. }
  115. .apply-pass .h1 {
  116. font-size: 32rpx;
  117. margin-bottom: 20rpx;
  118. color: #555;
  119. }
  120. .apply-pass .p {
  121. font-size: 28rpx;
  122. color: #999;
  123. margin-bottom: 30rpx;
  124. }
  125. .apply-pass .link-btn {
  126. width: 310rpx;
  127. height: 98rpx;
  128. border-radius: 20rpx;
  129. background: #fb5a50;
  130. color: #fff;
  131. font-size: 32rpx;
  132. display: flex;
  133. justify-content: center;
  134. align-items: center;
  135. font-weight:bold;
  136. }
  137. .icon-right {
  138. position: absolute;
  139. right: 10rpx;
  140. top: 50%;
  141. width: 18rpx;
  142. height: 28rpx;
  143. margin-top: -12rpx;
  144. }