index.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. /* pages/rlxf_index/rlxf_index.wxss */
  2. page {
  3. width: 100%;
  4. height: 100%;
  5. background-color: white;
  6. }
  7. .title-self{
  8. width: 100%;
  9. height: 200rpx;
  10. display: flex;
  11. justify-content: center;
  12. align-items: center;
  13. flex-direction: column;
  14. }
  15. .title-bottom{
  16. text-decoration: underline;
  17. margin-top: 300rpx;
  18. }
  19. .centerBox{
  20. width: 100%;
  21. /* height: 90vh; */
  22. }
  23. .inputText{
  24. margin-top: 10px;
  25. height: 50px;
  26. width: 244px;
  27. border-bottom: 1rpx solid white;
  28. text-align: center;
  29. color: white;
  30. }
  31. input[type=text],input[type=idcard]{
  32. text-align: center;
  33. color: white;
  34. }
  35. .border-red{
  36. border: 3rpx solid #e54d42 !important;
  37. /* color: #e54d42; */
  38. }
  39. /* .width-self {
  40. width: 488rpx;
  41. } */
  42. .btn{
  43. /* margin-left: 0 !important; */
  44. height: 40px;
  45. width: 455rpx;
  46. display: flex;
  47. justify-content: center;
  48. align-items: center;
  49. margin: 20px 0 20px;
  50. font-size: 16px;
  51. background-color: #70a2ff;
  52. backdrop-filter: blur(20px);
  53. color: white;
  54. }
  55. .btn2{
  56. height: 40px;
  57. width: 244px;
  58. display: flex;
  59. justify-content: center;
  60. align-items: center;
  61. margin-top: 50px;
  62. font-size: 16px;
  63. font-weight: 700;
  64. background-color: #3F37BB;
  65. color: white;
  66. }
  67. /* zyh 2021-9-22 修改 */
  68. .page {
  69. position: relative;
  70. width: 750rpx;
  71. height: 100%;
  72. }
  73. .page>.bg {
  74. width: 100%;
  75. height: 100%;
  76. position: absolute;
  77. z-index: -999;
  78. }
  79. .page>.logo {
  80. width: 122px;
  81. height: 53px;
  82. left: 50%;
  83. transform: translateX(-50%);
  84. position: absolute;
  85. }
  86. .page>.logo2 {
  87. width: 300rpx;
  88. height: 72rpx;
  89. top: 10px;
  90. right: 16px;
  91. position: absolute;
  92. }
  93. .page>.title {
  94. width: 363rpx;
  95. height: 84rpx;
  96. top: 50px;
  97. left: 50%;
  98. transform: translateX(-50%);
  99. position: absolute;
  100. }
  101. .page>.bottom-title {
  102. width: 140px;
  103. height: 21px;
  104. bottom: 16px;
  105. left: 50%;
  106. transform: translateX(-50%);
  107. position: absolute;
  108. }
  109. .input-box {
  110. position: relative;
  111. top: 23%;
  112. left: 50%;
  113. transform: translateX(-50%);
  114. width: 311px;
  115. /* height: 324px; */
  116. padding: 30rpx 0 100rpx 0;
  117. border-radius: 14px;
  118. background: rgba(156, 180, 242, 0.7);
  119. /* backdrop-filter: blur(20px); */
  120. display: flex;
  121. justify-content: center;
  122. align-items: center;
  123. flex-direction: column;
  124. box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
  125. }
  126. .input-box>view {
  127. display: flex;
  128. justify-content: center;
  129. align-items: center;
  130. flex-direction: column;
  131. }
  132. .sub-title {
  133. font-size: 13px;
  134. display: block;
  135. margin-top: 10px;
  136. color: #f1f1f1;
  137. position: absolute;
  138. left: 50%;
  139. bottom: 10px;
  140. transform: translateX(-50%);
  141. }
  142. .text-warning {
  143. color: #ec5048;
  144. }
  145. .line{
  146. color: #DEE6FF;
  147. font-size: 12px;
  148. margin-top: 15rpx;
  149. }
  150. .carNumber-text{
  151. line-height: 100rpx;
  152. }