mdfpassword.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. /* pages/ucenter/accountsecurity/mdfpassword/mdfpassword.wxss */
  2. .main {
  3. height: 100%;
  4. width: 100%;
  5. position: relative;
  6. }
  7. .main_image {
  8. height: 1334rpx;
  9. width: 750rpx;
  10. margin-top: -128rpx;
  11. }
  12. .main .context {
  13. height: 100%;
  14. width: 100%;
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset;
  19. }
  20. /* .context_input {
  21. margin: 30rpx 32rpx;
  22. } */
  23. .logo_view{
  24. margin: 0rpx 268rpx;
  25. }
  26. .login_logo1 {
  27. height: 213rpx;
  28. width: 214rpx;
  29. margin-top: 90rpx;
  30. }
  31. .login_logo2 {
  32. height: 120rpx;
  33. width: 184rpx;
  34. margin: 0rpx 15rpx;
  35. }
  36. .context_input {
  37. margin-top: 70rpx;
  38. margin-right: 60rpx;
  39. margin-left: 60rpx;
  40. margin-bottom: 20rpx;
  41. }
  42. .context_input .input_view {
  43. box-shadow: 0rpx 0rpx 10rpx #dedede;
  44. border-radius: 10rpx;
  45. margin: 20rpx 0rpx;
  46. height: 88rpx;
  47. position: relative;
  48. }
  49. .context_input input {
  50. width: calc(100% - 122rpx);
  51. display: inline-block;
  52. font-size: 32rpx;
  53. height: 88rppx;
  54. line-height: 88rpx;
  55. min-height: 88rpx;
  56. padding-left: 30rpx;
  57. color: #434343;
  58. font-family: 'Lucida Sans',
  59. 'Lucida Sans Regular',
  60. 'Lucida Grande',
  61. 'Lucida Sans Unicode',
  62. Geneva,
  63. Verdana,
  64. sans-serif;
  65. }
  66. .context_input .placeholder {
  67. color: #999999;
  68. font-family: 'Lucida Sans',
  69. 'Lucida Sans Regular',
  70. 'Lucida Grande',
  71. 'Lucida Sans Unicode',
  72. Geneva,
  73. Verdana,
  74. sans-serif;
  75. }
  76. .errorMsg{
  77. height: 28rpx;
  78. margin: 12rpx 60rpx 32rpx 60rpx;
  79. font-size: 28rpx;
  80. font-family: 'Lucida Sans',
  81. 'Lucida Sans Regular',
  82. 'Lucida Grande',
  83. 'Lucida Sans Unicode',
  84. Geneva,
  85. Verdana,
  86. sans-serif;
  87. color: red;
  88. text-overflow: ellipsis;
  89. white-space: nowrap;
  90. }
  91. .login_button {
  92. width: calc(100% - 300rpx);
  93. font-size: 32rpx;
  94. /* margin: 0rpx 32rpx; */
  95. font-family: 'Lucida Sans',
  96. 'Lucida Sans Regular',
  97. 'Lucida Grande',
  98. 'Lucida Sans Unicode',
  99. Geneva,
  100. Verdana,
  101. sans-serif;
  102. color: #fff;
  103. text-overflow: ellipsis;
  104. white-space: nowrap;
  105. background-color: #00a8dc;
  106. border-radius: 40rpx;
  107. height: 80rpx;
  108. border: none;
  109. text-align: center;
  110. }
  111. .login_button_disable {
  112. width: calc(100% - 300rpx);
  113. font-size: 32rpx;
  114. /* margin: 0rpx 32rpx; */
  115. font-family: 'Lucida Sans',
  116. 'Lucida Sans Regular',
  117. 'Lucida Grande',
  118. 'Lucida Sans Unicode',
  119. Geneva,
  120. Verdana,
  121. sans-serif;
  122. color: #fff;
  123. text-overflow: ellipsis;
  124. white-space: nowrap;
  125. background-color: #c9c9c9;
  126. border-radius: 40rpx;
  127. height: 80rpx;
  128. border: none;
  129. text-align: center;
  130. }
  131. .login_button.button-hover {
  132. background-color: #36a9a6;
  133. }
  134. .bindPhoneInfo{
  135. text-align: center;
  136. font-size: 32rpx;
  137. height: 100rpx;
  138. line-height: 100rpx;
  139. min-height: 100rpx;
  140. color: #C0C0C0;
  141. font-family: 'Lucida Sans',
  142. 'Lucida Sans Regular',
  143. 'Lucida Grande',
  144. 'Lucida Sans Unicode',
  145. Geneva,
  146. Verdana,
  147. sans-serif;
  148. }
  149. .password_img {
  150. width: 26rpx;
  151. height: 34rpx;
  152. margin: 27rpx 0rpx 27rpx 32rpx;
  153. padding-right:32rpx;
  154. border-right: 2rpx #999999 solid;
  155. }