userLogin.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. page ,.container{
  2. width: 750rpx;
  3. height: 100%;
  4. overflow: hidden;
  5. background: #fff;
  6. }
  7. .form-box{
  8. width:90%;
  9. height:36%;
  10. overflow:hidden;
  11. padding:0 80rpx;
  12. margin:65px auto 20px auto;
  13. box-shadow:3px 1px 10px #ccc;
  14. border-radius:19rpx;
  15. }
  16. .form-item{
  17. position: relative;
  18. background: #fff;
  19. display: flex;
  20. flex: 1;
  21. align-items: center;
  22. border-bottom: 1px solid #d9d9d9;
  23. border-radius: 4px;
  24. margin-top:55rpx;
  25. }
  26. .form-item input{
  27. flex: 1;
  28. }
  29. .form-item .username, .form-item .password, .form-item .code{
  30. position: absolute;
  31. top: 26rpx;
  32. left: 0;
  33. display: block;
  34. width: 100%;
  35. height: 44rpx;
  36. background: #fff;
  37. color: #333;
  38. font-size: 30rpx;
  39. }
  40. .form-item-code{
  41. margin-top:17rpx;
  42. height: auto;
  43. overflow: hidden;
  44. width: 100%;
  45. display: flex;
  46. align-items: center;
  47. }
  48. .form-item-code .form-item{
  49. float: left;
  50. width: 350rpx;
  51. }
  52. .form-item-code .sms-r{
  53. float: right;
  54. margin-top: 4rpx;
  55. height: 68rpx;
  56. width: 186rpx;
  57. }
  58. .form-item .clear{
  59. display: block;
  60. background: #fff;
  61. height: 44rpx;
  62. width: 44rpx;
  63. }
  64. .login-btn{
  65. margin-top:70rpx;
  66. height:72rpx;
  67. line-height:72rpx;
  68. color:#fff;
  69. font-size:28rpx;
  70. width:48%;
  71. background:#1AAD19;
  72. border-radius:50rpx;
  73. float:left;
  74. margin-left: 10rpx;
  75. }
  76. .no-login-btn{
  77. margin-top:70rpx;
  78. height:72rpx;
  79. line-height:72rpx;
  80. color:#fff;
  81. font-size:28rpx;
  82. width:48%;
  83. background:#a09e9e;
  84. border-radius:50rpx;
  85. float:left;
  86. margin-left: 12rpx;
  87. }
  88. .form-item-text{
  89. height: 35rpx;
  90. width: 100%;
  91. }
  92. .form-item-text .register{
  93. display: block;
  94. height: 34rpx;
  95. float: left;
  96. font-size: 28rpx;
  97. color: #999;
  98. }
  99. .form-item-text .reset{
  100. display: block;
  101. height: 34rpx;
  102. float: right;
  103. font-size: 28rpx;
  104. color: #999;
  105. }
  106. .sms-rr .btn{
  107. height: 60rpx;
  108. line-height: 60rpx;
  109. font-size: 28rpx;
  110. margin-top:30rpx;
  111. }
  112. .login-third{
  113. /* margin: 117rpx auto 60rpx auto; */
  114. width:65%;
  115. float:left;
  116. }
  117. .login-third-text{
  118. /* margin: 117rpx auto 60rpx auto; */
  119. color: #999;
  120. text-align: center;
  121. font-size:32rpx;
  122. width:50%;
  123. float:left;
  124. }
  125. .login-third-div{
  126. width:170rpx;
  127. background:#ccc;
  128. height:1px;
  129. float:left;
  130. margin-top:24rpx;
  131. margin-left:84rpx;
  132. }
  133. .login-third-div2{
  134. width:170rpx;
  135. background:#ccc;
  136. height:1px;
  137. margin-top:24rpx;
  138. margin-left:243rpx;
  139. }
  140. .sq-weixin-view{
  141. width: 150rpx;
  142. margin: 0px auto;
  143. padding-top:100rpx;
  144. }
  145. .sq-weixin-view button{
  146. width: 150rpx;
  147. height: 150rpx;
  148. background:url(http://120.76.26.84:80/group1/M00/00/49/rBJEdV3JDzaAI3ceAAAreqbIuTw477.png) 0 0 no-repeat;
  149. background-size:156.803rpx;
  150. }
  151. .sq-weixin-view button:after{
  152. border: none;
  153. }
  154. .regist{
  155. width:17%;
  156. height:60rpx;
  157. margin-left:581rpx;
  158. color:#b4282d;
  159. /* text-align:right; */
  160. }
  161. .regist-btn{
  162. margin-top:70rpx;
  163. height:72rpx;
  164. line-height:72rpx;
  165. color:#fff;
  166. font-size:30rpx;
  167. width:100%;
  168. background:#1AAD19;
  169. border-radius:50rpx;
  170. }